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:
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.
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
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.
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.
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.
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.
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!