Connectors in FigJam let you create paths between shapes and stickies, illustrate order, or annotate something on your board. Every connector can be customized with its own color, text, end points, and stroke weight.

Learn more about shapes in FigJam.

There are a few types of connectors:

• Bent connectors can be reshaped and wrap around objects to create an indirect path to other objects on the board
• Curved connectors can be reshaped and can have a custom path over other objects on the board
• Straight lines create a direct path to other objects on the board

Create a line

Lines snap onto existing shapes and stickies. This way, a shape brings its lines along with it if it's moved around the board.

1. Click from the shapes menu in the toolbar.
2. Select between bent, curved, or straight connectors. You can also use the keyboard shortcuts X or ⇧ ShiftL to create a bent connector, and L for a straight connector.
3. Click and drag your cursor between the objects you want to connect.

The connector tool stays active until you select another tool, or press V or Esc.

Once created, you can click and drag a connector's start or end point to another object, or another side of the same object.

Move connectors

Connectors can be moved around the board and connected to other objects. Their paths can be moved to better illustrate a flow or make space for other objects on the board.

Move start and end points

When a connector's start and end points are snapped to the side of an object, you can move one of the points at a time to another object, or another side of the same object.

1. Click anywhere on the connector's path.
2. Click and drag the blue dot for the point you want to move.
3. Snap it to another object's side.

To place the end point of a connector on any part of an object (and avoid the snapping the line to the side of the object), hold down ⌘ Command (Mac) or Ctrl (Windows) while moving the line.

You can leave a connector's start or end point unattached from objects on the board to complete the connection at a later time, or just let it vibe there.

Move entire connector

To move an entire connector, you'll first need to detach the start and end points from any objects they may be connected to. Once detached:

1. Select the connector from the board.
2. Drag it to its new location.
3. Connect the start and end points to objects as needed.

Customize path

You can customize a connector's path at any time. This lets you create paths around other objects on the board and have some fun with it. To do so:

1. Select a connector.
2. Drag the path handle for the portion you want to move.

For the start and end portions of a connector, dragging can add an extra portion to the path.

Customize connectors

When you first create or open a file, connector styles are set to their default properties. For example, they're colored gray, have no text, and are a solid path. Once you add a connector to the board, you can use its toolbar to make changes to text, color, style, and end points.

FigJam remembers any styles last used for a connector during your recent work in a file.

Color

Give your connector's path a different color to illustrate separate flows, paths, or workstreams.

1. Create or select a connector.
2. Click the color picker.
3. Select a new color.

Learn more about using colors in FigJam →

Connector style and stroke

You can pick between solid and dashed styles for your connectors. To alternate between them:

1. Create or select a connector.
2. Click in the connector's toolbar.
3. Select between solid and dashed.

Stroke

Connector can be given two different stroke weights: thick and thin. To change a connector's stroke weight:

1. Create or select a connector.
2. Click in the connector's toolbar. By default, the weight is set to thin.
3. Click the weight you want for your connector.

Text

Connectors can have text labels added to their paths.

To add text to a path:

1. Create or select a connector.
2. Click in the connector's toolbar.
3. Add text.

Use Return / Enter to add a new row to the connector's text label. You can add and remove a background color for your text using the connector's color picker.

Move text

Drag the text label anywhere along the connector's path to make it easier for your team to see. This is only possible if the connector is long enough to move the label.

Show text background

When you add text to a connector, you can toggle its background on or off. To do so:

1. Create or select a connector.
2. Click to add a label, then add your text. By default, the background is toggled off.
3. Click the color picker in the toolbar.
4. Click to show the text background.

Learn more about text in FigJam →

Start and end point style

Connectors have five types of point styles to help you define direction in a path.

• None leaves the point with no styling, just the beginning or end of a connector.
• Solid and Line arrows give the point a solid or lined triangle pointing outwards from the connector.
• Triangle gives the point a solid triangle pointing inward towards the connector.
• Diamond gives the point, well, a diamond.

When you create a connector, the toolbar lets you set a style for the its start and end points individually.

1. Create or select a connector.
2. Use the connector's toolbar to set styles as needed.

Select multiple connector using ⇧ Shift Click to edit their styling in bulk.