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:
Page 7 / 7
@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.
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.