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 and drop

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.



Return to top

Add text

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.



Return to top

Drag a line out of a shape

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.



Return to top

Shape auto-prompt

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



Return to top

Connect objects

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



Return to top

Align objects


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).


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



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. 





Return to top

Related Articles

Format and edit text

Getting Started Guide

Style a shape

Format a line or arrow

Related Community Posts

I can't draw a simple stright line

How do I set a line style?

How to set a line with a double arrow