Skip to main content

When creating hand-off documents I like to showcase user flows by using arrows between different UI elements. I have to use plugins to create these arrows at the moment. When playing with Figjam I notice it had a connector option - this is great. I would love it if we could also have this connector option inside Figma as it would be a HUGE timesaver for hand-off.


I would like to think this would be a super easy update given that we can already edit connectors inside Figma. We just need a connector button in the toolbar like so:


@miggi Maybe, you know, when we can see connectors in Figma ?)


The amount of time I spend fussing with copy and pasting Figjam connectors into Figma is silly - not to mention that you can’t even option+drag to duplicate them. I use these in every single design file and I always dread the moment I have to put in all my arrows because it’s such a time suck.


I built FlowConnect, a Figma plugin that brings FigJam-style connectors into your design files.
You can link frames in seconds, and the connectors auto-adjust as you move things around. It’s super easy to customize arrows, labels, and styles.

Link : https://www.figma.com/community/plugin/1497662430674423590/flowconnect-figjam-connectors-in-figma

Features it has :
- Can connect any nodes in figma
- Live Preview of the selection
- Customise connector type, colors, arrows and size

- Ability to save style settings as presets
- and more..

How to use : 

You can copy the connector based on your customised style, Select two frames or nodes , Press Cmd+v on your canvas to connect them with figjam connectors.

A mini demo :

 


@Briston Thank you)

 

But in the future, I hope that Figma will make native connectors. It is inconvenient to use any widgets or plug-ins.


Reply