Add and style lines in Lucidspark

Written by:  Morgan T
Last updated:  

Lines are helpful for showing relationships and connecting ideas, which is why Lucidspark strives to make working with them as simple and intuitive as possible. Find instructions on how to utilize and format lines to meet your needs below!

Plan availability: Free, Individual, Team, and Enterprise.

Add a line to a board

  • Choose the Line option from the Primary Toolbar or press “L” on your keyboard, then click and drag your cursor across the canvas. 
    how_to_add_or_draw_a_line_in_lucidspark.gif
     
  • To attach a line to a shape, you can:
    Select the shape, click the arrow in the upper right corner, position the line by moving your cursor across the canvas, and single click to attach it to the canvas or to another shape.
    how_to_attach_or_connect_a_line_to_a_shape_in_lucidspark.gif
    Move an independent line close to a shape, where it will automatically attach to the shape’s border.
    how_to_connect_an_independent_line_to_a_shape_in_lucidspark.gif

Add text to a line

To add text to a line, double click the line where you’d like the text box to be added. From there, you can click and drag to position the text box adjacent to or on top of the line. 

how_to_add_text_to_a_line_in_lucidspark.gif

Format a line

All formatting tools for lines are available in the Formatting Toolbar when a line is selected.

Shape: Lucidspark offers three options for line shape - straight, curved, or elbow, which are available in the Shape dropdown menu. By default, new lines will have the curved shape.

how_to_change_line_format_and_style_in_lucidspark.gif
 

You can modify the path of an elbow line by selecting a line and clicking a node that appears in the center of each section of the selected line. If you hover your cursor over a section of a selected line, an additional node will appear at the quarter mark of that section. Click and drag a node to change the path of the line.
modified-line-is-indicated-with-filled-nodes-in-lucid.gif

The spot that you click and drag becomes an anchor point, which is represented by a fill color on the line. This anchor point doesn't move. If you need to reset an individual anchor point you can right-click and select Remove joint. You can also reset an entire line and remove all anchor points by right-clicking on the line and selecting Reset line.

You can modify the path of a straight or curved line by selecting a line and then clicking and dragging a node that appears in the center of the line to create a joint in the line and adjust the path. The line will be separated into two sections and both sections will now have a node in the center of the section.
click_and_drag_a_node_on_a_curved_line_to_change_path.gif

Color: Simply choose a color from the color palette to apply it to your line. To choose a custom color, select the plus icon and use the slider and cursor to customize a color. 
line_color_options_in_lucidspark.png
 

Width: The thickness of a line can be adjusted by choosing the pixel size from the Width dropdown menu.
line_width_options_in_lucidspark.png
 

Style: Make a line path solid or dashed by choosing a style option from the Style dropdown menu. 
line_style_options_in_lucidspark.png
 

Arrows: Choose from a variety of arrowheads for one or both ends of your line using the Arrow dropdown menu. 
line_arrow_options_in_lucidspark.png
 

Endpoint size: Adjust the size of the selected endpoint or toggle on "Auto" to have endpoint size adjusted automatically depending on the size of the line.
line-width-and-endpoint-size-options-in-lucidspark.png
 

Give feedback on this article

Have feedback about this article? Tell us about your experience here

Did you find what you were looking for?

Still have a question or want to share what you have learned? Visit our Community   to get help and collaborate with others.