Create connector lines directly in Figma

Figma appears to have the same foundation as FigJam and you can copy/paste connectors created in FigJam into a Figma document, and after doing so you can reattach those connectors to existing components/frames you created in Figma, move them about and the connectors will adjust exactly as expected. You can even adjust the properties of the connector including line width, colour etc.

The essential support for this is there, so why not extend Figma to actually allow us to create the connectors directly within Figma instead of using the copy/paste hack?

This would be useful for a lot of cases, and as a UX designer this would be extremely useful for connecting my wireframes (but not for prototyping) and it would also be very helpful when creating my IA diagrams in the same document.

For a demo of connectors from FigJam working in Figma please see the video attached to my tweet here:

15 Likes

Yes +1! :clap: :clap: :clap:

5 Likes

We’ve been using the copy/paste hack for a while now, but a option to create these connectors from Figma directly would be welcome!

5 Likes

Yeah this works, it sucks you can’t put a connector line in a frame to make it a library component. That would be almost as good as having it native to regular figma.

2 Likes

It’s a useful tools to show the connection between screens and elements and it should be created directly in Fig Design. Waiting to use it soon on next releases :upside_down_face:

Oh? Didn’t knew that, hidden features!

I’m hoping they bake this in ASAP to Figma so we don’t have to copy from Figjam. And the thing is the connectors behave so, so hacky and downright goofy. Not being able to just drop a completely connector around independently drives me nuts. In my company we have to design the exact same flows for two brands and if I could just copy/paste and drag the exact same connector lines to the respective brand flows… my productivity could go so much further.

1 Like

*drag a complete connector.

OMG, yes we need it too

That apps separation makes me mad

+1. Agreed

I was just about to write a suggestion on the same topic, but found this thread. Seems like a no-brainer to add this into figma as well, it would be EXTREMELY helpful while working with large user flows in a team setting. Manually drawing lines for this purpose is really finicky.

Trying to do this right now, an upon finding this post, realise it’s not possible :confused:

2 Likes

Yes please!

1 Like

Agree, very useful, just add it as a type of shape.

1 Like

Connector lines are not just useful as a meta/diagramming tool, but also as a design element. Perhaps the arrow tool can be upgraded to include the connector line behaviors,
especially the ability to attach to other elements and reposition when those elements move.

Also, adding connector lines to components. This is not currently possible with the copy/paste workaround.

That would be great!

Yes please! I’d like to use the ability of specifying exact width and height shapes for scale diagrams in figma, but use the flexible figjam connectors to connect them.

1 Like

I am glad I found this thread because I inherited a design file with some post-its and connectors in it and tried in vain to create my own. They must have been copy-pasted!

So yes, a huge +1 on this request

2 Likes

YES please - +100000 to this feature. And thanks to the OP - that’s a really useful tip.

+1, high demand for diagramming directly in figma