Add Connector Lines to Design files

Currently, if you copy + paste a figjam flow into a Design file, the Connector Lines stay fully functional – they stretch and adapt as you move their origins and destinations around the canvas, and you can move their origins and destinations to your frames, components, etc.

I’ve been using this to show user flows within my UI designs, not only for ease of sharing with other teammates (no need to give in-depth walkthroughs), but also for easily identifying missing states within a flow.

It would be great if a) the Connector Line was added as a tool to Figma Design, or b) basic lines and pen vectors had the option to act as connector lines – attaching to anchor points on objects and components, scaling when the endpoints were moved, and able to be adjusted with mid-line handles.

18 Likes

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.

Currently, if you copy + paste a Connector from a FigJam into a Design file, the Connector Lines stay fully functional – they stretch and adapt as you move their origins and destinations around the canvas, and you can move their origins and destinations to your frames, components, etc.

I just want to have a tool for drawing them without having to copy and paste them all over the design file when wanting to use a connector for showing flows and direction and being able to shift componenets without having to then adjust the arrows as well.

10 Likes

I love this idea. But I don’t think Figma will do it because they want us to use FigJam for that feature…

3 Likes

I also use the Connector line feature in Figma to show flows and find it very easy to use. However, I would like to enhance this feature with the following capabilities:

  1. Allow it to connect to specific instances inside a component (not just the master).
  2. Enable duplication of the Connector line without preserving the connection between frames. Simply copy a single Connector line.
7 Likes

+1 for this :+1:

3 Likes

This would most definitely be a great addition to our workflow. +10000

If you press cmd while dragging the connector it will stick to any position of the instance, so you can add the connector next to any element and if you drag the instance the connector stays sticky to where you positioned it. It’s a nice workaround.

1 Like

Oh. WOW!
It does work! Thanks a lot for that trick. c:

1 Like

Is this still working! It doesn’t work for me!