Adding and Modifying Lines and Routing

Adding lines

The line tool allows you to add free-standing lines in your workspace or attach lines to objects.

To add a line to your workspace:

  1. Select :line: (Line) from the workspace toolbar.

  2. Click and drag to draw your line. Once you release, your line places, and the Line Toolbar appears.

    Note: Hold down the Shift key to draw a straight line, then click and drag to draw your line horizontally, vertically, or diagonally.

  3. To extend or modify the length or direction of your line, click on :select: (Select) and use the circular anchor points to manipulate your line.
    Manipulating free-standing lines with the shift key

  4. Use the line toolbar to pin the line, modify the appearance of your line, or perform other actions, such as layering.

Line toolbar (left to right):

The line toolbar allows you to customize the appearance of your line.

Expand to learn more about all options available in the Line Toolbar.
Icon Description
:start_type: Line type that may be used to begin a workflow or diagram.
:end_type: Line type that may be used to end a workflow or diagram.
:text_color: Allows you to choose the color of the selected line.
:line: Allow you to designate a Line Style, Line Width, and Line Routing.
More Options
  • Style - Allows you to choose a line type, such as solid or dashed.
  • Weight - Allows you to access a slider that provides a range of line weights or thicknesses. You can move the slider gradually left or right to adjust the thickness of the selected line.
  • Routing - Allows you to choose a line type that is rounded, squared, or straight.
:quick_connect: Attach an object to the line’s endpoint.
:delete: Allows you to remove a line or object.
:pin: Locks the line to its current workspace location.
:more_options: Allows you to choose from additional actions such as Layer, Duplicate , Delete , Export , and view Properties.
More Options
  • Layer - Allows you to Send to Front or Send to Back, moving the line to the foreground or background. The Shift ] and Shift [ keyboard shortcuts (respectively) also allow you to perform these actions.
  • Duplicate - Creates a copy of the line, which will appear immediately to the right of the original line’s endpoint.
  • Delete - Removes the line.
  • Export - Allows you to export the line to your local device in selected formats; PDF and PNG…
  • Properties - View the line’s metadata and add alternative text.

Modify multiple lines simultaneously

You can modify the style of multiple lines simultaneously.

  1. Add several lines to a workspace.

  2. Highlight the lines you want to modify using the :select_blue_: (Select) tool and left-selecting and dragging.

  3. Once your lines are selected, the line toolbar appears. Select :line: (Line options).

  4. Apply changes to line style, weight, and routing.
    Modify multiple lines simultaneously

Adding line connectors

Line connectors enable quick connection of workspace objects, including shapes and icons, documents, images, canvases, and notecards.

To add a line connector:

  1. Select an object. A blue border with circular anchor points will display around your object.
  2. Select and drag one of the anchor points to extend a line from that point to another object or area in the workspace.
  3. The Line toolbar displays, and you can modify the appearance of your line or customize your line routing.
    Adding line connectors
    Note: If you delete a shape, all connected lines will also be removed.

Quick connect objects

You can also quickly add and connect subsequent identical objects.

To use quick connect:

  1. Select any blue anchor point surrounding the object. A duplicate of the original object appears a short distance from the same edge you selected. Both objects connect by a line.
    Quick Connect Additional Shapes
  2. Repeat as needed, or begin customizing the connected assets.

Line routing

Elevate your flowcharts with line routing. Once a line is placed, you can use multiple anchor points to modify the routing of your line.

To adjust line routing:

  1. Add a line or a line connector in your workspace.

  2. Turn on :select: (Select) mode and make sure the desired line is selected.

  3. Circular anchor points appear along the placed line. Click and drag the anchor points to manipulate your line’s routing to your desired outcome.
    Line Routing

Enabling or disabling the Snap to feature

When adding a line to a workspace and connecting it to an already placed object, by default, the line will Snap to specific areas around the object’s border, as shown below.
Snap To Feature - Default

You can disable the Snap to feature by holding down Ctrl/CMD on your keyboard and guiding your line to an exact area within the borders of your object.
Disabling Snap To Using Ctrl/CMD Key

Now, go try it in your workspace! :bluescape_home: