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:


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


I’m so disappointed in Figma / FigJam for this inexplicable lack of functionality. This feature needs to come to Figma!


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


Meanwhile, there is a free plugin for that

Figma

Tips : Gather all connectors in a locked frame “🟣 Connector links”


I wanted this to be great but it requires a “source” connector to be present in your Figma doc already and essentially copies/pastes it. The only advantage it has is automatically connecting two shapes you may have selected but the downside is the number of clicks for this is 3 clicks at minimum, copy/pasting your own on the page is just as fast and more straightforward. It’s good that people are looking to solve this problem, but I’ll be very happy if the Figma team itself sees fit to include the functionality, as it’s obvious that the underlying structure needed for it is already in place.


When creating charts in Figma you want the connector behavior and…



  1. Need individual control over color and shape of end decorations.

  2. Need control over the line.

  3. Need to set whether the decorations and line scale or just the line length scales.



Hello 2023! Can we please have this feature now-ish? 🙂


I’d love this + the ability to include connectors in components — this would significantly significantly accelerate my workflow for creating data visualization mockups!


Agreed!!! We totally need this!


Another vote for this. Would be super useful


The ability to save stylized dynamic sticky connectors as a component (accessible in Figma and Figjam) that can be used, reused, and edited globally would be the dream. Teams could develop their own branded UX flow connector kits and all of the labeling modules and activate them as a library item. Right now, it seems you have to use an assortment of workarounds that all come with downsides, no matter what method you choose. 🙏


Would love to see Figma adopt a fully integrated option to include connectors in a Figma design file without having to copy them from Figjam. This current method kills a lot of the features that the connectors can provide, and many of the plugins are also lacking. Has anyone figured out how (while using connectors in Figma, not Figjam) to replace objects, like screens/frames, that are currently connected using these dynamic connectors? Below is a list of some features that I think would greatly improve the use of those connectors and make them a powerhouse tool for any UX team.




  1. The ability to have the connectors natively within Figma without copy/paste.




  2. The ability to add styles and create component sets for these connectors that can be added to an asset library or design system for teams to use consistently. You currently have to copy/paste a frame of pre-formatted assets into every new file if you want to use the same set of connectors, and they remain unlinked from any consistent style.




  3. The ability to replace an object that is currently connected using these dynamic connectors without losing the original connections. Currently, when you paste to replace the connected object, it removes all connections to that object.




I’m considering switching away from FigJam to Miro because Miro’s Cards feature starts to provide the additional kinds of visualizations within connected boxes that I would typically want to create.


However, if I had the ability to add connectors w/ text directly in Figma I could create completely custom visualizations in connected boxes, and I would be more than happy to pay $3–$5/mo (the price of a FigJam seat) on top of the price of my Figma seat to have this feature.


+1 please - I’m an information architect and add sitemaps to figma files. Having clean, neat connectors that easily create beautiful architecture diagrams would mean I’d abandon my expensive LucidChart subscription and switch to Figma for all my architecture diagrams. As a note, Mural and Miro are really terrible at this, please do not look at them for reference - go straight to the best: MS Visio (old but golden), LucidChart for browser-based. Thank you!


The ConnectorNode is already exposed in the Figma API… Come on Figma team, make it officially implemented 😎



The plugin API still does not allow you to create a connector in Figma design files (createConnector | Plugin API).


Hello @Joseph_Cooper, I recently update my plugin Simpleflow to support create FigJam connector inside the Figma file, give it a try and let me know your feedback ✨


Small improvement: by using Simpleflow, you can prevent an annoying issue when duplicating connectors 👉 link correctly when you select the start and end element (currently, there’s a wired behavior when you duplicate a connector, the new connector also stay in the same place)


It is only possible to create arrow connections in a prototyping section and with help of third-party plugins.

Prototyping arrows have completely other purposes and third-party plugins have many bugs and constraints. As the creation of user flows is one of the primary purposes Figma is used for, I would like to consider supporting this feature natively.



Please add this native feature in Figma! Now I copypaste them from FigJam, which is not super convenient


+1


This is one of the biggest pain points when building flows in Figma documents


For my money - I want feature parity when moving content from FigJam > Figma design files by default.


If FigJam is the simplified canvas, then going the other direction has a logical reason to lose some functionality. It would take almost no effort to come up with a reason / method to use any of those tools directly in Figma.


This has a distinct “corporate underpants” smell.


How is it 2023 and I am still waiting for this?


Dear Figma, did you hear that phrase? 😟



“I just stopped creating flows in Figma because it is such a pain.”



Reply