Skip to main content
Joseph_Cooper
April 21, 2021

FigJam connectors in Figma

  • April 21, 2021
  • 162 replies
  • 18311 views

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:

162 replies

owilliams
March 25, 2022

I definitely support this idea.
At the moment some people use expensive commercial and sometimes bug-prone equivalents to do this when it should be native functionality.
I have a commercial FigJam account but this is useful outside of FigJam.

Another thing I would like to be available in Figma design rather than just FigJam is the PostIt notes. I know they’re not a super complicated component and I could create something equivalent in Figma, but it’s annoying that I can copy and paste them into a Figma design file from FigJam but then can’t make them a reusable as part of a library when I use them in literally almost all my design files!!

Koen_van_Niekerk
April 5, 2022

YES! much needed.

Please also make sure that these objects scale uniformly (including ARROWS & FONTS). This will allow me to scale back my flow diagram before exporting as a PDF (otherwise PDF is out of bounds)

Koen

Jordan_Wan
New Member
April 25, 2022

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:

twitter.com
Falconer_OneNorth
April 25, 2022

Yes +1! 👏 👏 👏

Margot_Gabel1
April 26, 2022

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!

Nikita33
May 4, 2022

Please please please bring sections and connected arrows (preferably hideable) to Figma Design. That would eliminate the need for Zeplin. Sections and arrows make creating flows and organising design files way easier and more straightforward.

Remus_Baltariu
Active Member
May 4, 2022

You can copy and paste arrows from Figjam to Figma and they work without an issue. Didn’t try with section, however, it would be nice to have them inside Figma as well.

Remus_Baltariu
Active Member
May 4, 2022

image
So I guess they will be live soon.

Daniel_Van_Der_Spuy
May 10, 2022

🎻 My heart breaks!

Yes, would also love to see proper connectors fully supported in Figma. I’d love to spend all my time FigJamming, but let’s be honest, I’m not using FigJam for handoff – and handoff is the most important place to visualise flows for devs, innit.

Aside from drawing connectors actually, visualising prototypes with toggle-able connectors might make more sense from a handoff point of view.

But I’d like the option to draw them too.

Thanks FigmaJamMaJamJamMa, Inc. devs, we love you!

Daniel_Van_Der_Spuy
May 10, 2022

Remember to FigVote for this feature up top, y’all!