Draw lines and objects

Our drag-and-drop interface makes it easy to draw diagrams. This tutorial will teach you how to add shapes to the canvas, add text, connect shapes and objects with lines, and utilize auto-prompts.

Drag a shape from the toolbox and drop it on the canvas. Press and hold the mouse button to select the object. Drag it to the desired location and drop it by releasing the mouse button.

1.PNG

You have a few options for adding text to a shape. Either add text after you create a new shape by immediately typing, or double-click on the shape to add or edit text.

2.PNG

To draw a line, just click and drag from the edge of a shape. When you release your mouse, the shape auto-prompt will appear. To turn off auto-prompt, select the Lucid logo on the Menu bar, select 'Preferences', then choose the desired option.

3.PNG

The auto-prompt feature allows you to select and connect your next shape without going back to the toolbox. 

4.PNG

The entire edge of each shape acts as a connection point to attach lines. Once connected, the line will move with the object.

connectionpts.PNG

As you drag an object on the canvas, lines will appear to help you easily align the new shape with existing shapes on the canvas. Note: If you have "Snap To Grid" enabled, objects will still snap to grid, which may conflict with this auto alignment method. If you would like to use this alignment method, we recommend disabling snap to grid (see below for more information).

align_objects.png

You can also align multiple objects relative to each other. Just follow these steps:

    1. Select all of the objects by holding down shift or ctrl (cmd for mac) and clicking on each object individually, or by dragging and selecting all of them at once.
    2. Right-click and go to the "Align" menu7.PNG
    3. Choose the alignment relationship. You'll see a preview of the new alignment in the background.8.PNG

9.PNG

 

The third alignment method is "Snap to Grid." By default, documents are set to snap to "Normal grid (20px)." You can change this setting from the "Page Settings" panel of the dock on the right-hand side of the editor. 

 

10.PNG