Build flows and diagrams with lines and connectors
Jonno Katahanas avatar
Written by Jonno Katahanas
Updated over a week ago

Note: Please be aware that these support articles are no longer being updated. Stay informed by visiting our support site for the latest information on all topics.

Use lines to create paths between sticky notes, text objects, or shapes. They’ll help you organize your whiteboard and create a flow of thought.

You can customize the color, end points, and stroke weight of all your lines.


In whiteboards we have:

  • Straight lines: A direct path between elements on your whiteboard. Straight lines will always remain straight, regardless of how they’re resized or moved around.

  • Dynamic lines: A path between elements on your whiteboard that dynamically changes its shape as you resize it and move the elements attached to it around.

Create a line

There are multiple ways to create a line.

Create a line by dragging it from the toolbar

  1. Select the line icon in the toolbar

  2. Choose between either the straight or dynamic line icon (we’ll select the straight line by default)

  3. Click and drag the line icon in the toolbar to drag and drop a line onto your whiteboard

Create a line by drawing it on your whiteboard

  1. Select the line icon in the toolbar

  2. Select either the straight or dynamic line icon (we’ll select the straight line by default)

  3. Using your cursor, choose and click where you want to start drawing your line on your whiteboard

  4. Drag the cursor to draw the start of your line

  5. Click again to finish drawing the line

Create a line by using the anchor points on an element

  1. Select any element on your whiteboard (e.g. shapes)

  2. Hover over one of the anchor points that appear on each of the element’s sides

  3. Select your chosen anchor point.

  4. Hold and drag your cursor to start drawing a line and release it to finish drawing the line

You can place the end of your line in a free space on your whiteboard. Alternatively, you can hover over an anchor point on another element to connect the end of your line to that element.

Move lines

Lines can be moved around your whiteboard and connected to other elements. Move them to better illustrate a flow or make space for other elements and ideas.

Move the start and end points of a line

If your line is connected to an element on the whiteboard, you can move a line's start or end point to a new place.

To move the start or end point of a line:

  1. Select and hold the end of the line you want to move

  2. Draw it to either free space on your whiteboard or a different anchor point on the same or different elements

  3. Release your mouse to place the endpoint of the line

Move an entire line

Like any other element, a line can be moved around your whiteboard.

To move an entire line around your whiteboard:

  1. Select the line

  2. Move it to your chosen area of the whiteboard

  3. Select where you want to place the line to drop it on the whiteboard

Note: If your line is connected to an element, the element will be moved with the line.

Edit lines

Lines can be edited to change their appearance. Edit a line to change the color, thickness, styling, or type.

Edit line color

To change the color of a line:

  1. Select the line

  2. Open the color picker from the floating toolbar

  3. Select a new color

Edit line thickness

To change the line thickness:

  1. Select the line

  2. Open the line thickness dropdown in the floating toolbar

  3. Select a new thickness

Edit line end styling

You can choose to either have nothing or an arrow on the endpoints of your line.

To change the end styling of a line:

  1. Select the line

  2. Select either of the two dropdowns to the left or the right of the line type icon in the floating toolbar. Each will change the styling of one of the ends.

  3. Select either the arrow or no end style icon from the the dropdown

Edit line type

You can choose to change your line from a straight to a dynamic line, or vice versa.

To change the line type:

  1. Select the line

  2. Select the line type icon in the floating toolbar. When selected, the line type will be a dynamic line. When not selected, the line type will be a straight line.

Did this answer your question?