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:

6 Likes

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

4 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!

4 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.

1 Like

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.

*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.