FigJam connectors in Figma

Forum|Forum|5 years ago
April 21, 2021
162 replies
18310 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:

Share an idea

Show previous replies

Calvin_Kuo

New Participant

Totally agree. It’s very useful for flows and annotations when handing off designs. It’ll be a huge time saver.
Considering it’s actually doable, just needed to be copied from Figjam, it’s not a technical constraint. Who’s the PM we need to talk to 😃

Garret_DePass

Just wanted to +1 the request that everyone else has had. A native, stable connector within Figma would be super useful.

For the time being, I’ve found that copying a connector from FigJam and pasting it into your design file allows you to use it as you might any other element in Figma (with the exception of putting it into a component). It’s a half step away from there being a “add a connector” button, but it means you don’t actually have to copy everything into FigJam, connect it up, and then paste it back. Just paste a connector, duplicate, move, attach it to the frames you want, and you’re good to go!

Wendy-Smits

New Participant

Yes please add this option to Figma as well. I also agree that having Figjam within Design files itself would be a massive plus. It almost feels like in app payments now. Why do I need to pay extra to use figjam 🥺

visualplastik

New Participant

Bump for this, I tried to make a library symbol to contain an imported connector but it just kicks it out of the frame. Please add this highly requested feature.

bartmazur

Often have to use nodes and connectors to high fidelity designs in Figma to explain user flows to developers and stakeholders. There’re plugins that can add connectors like Autoflow, however FigJam’s native connectors seems to work best. It’s possible to copy/paste connector from FigJam to Figma but it is a bit quirky. It’d be great to be able to add it directly inside of Figma.

Xavier_Geerinck

+1 on this feature

In the meantime, you can copy them over from FigJam apparently, I have been using them in my Figma files for a while now (THEY ARE AMAZING! Can’t believe this feature is not there yet)

A

anon76532219

I should not be an easter egg you have to look around and find by luck. I t should be an officially supported tool to make it easier to find for everyone!

deletedlc

SO damn agreed. This is a thing that is 200% needed in Figma, regardless of whether FigJam exists or not

Benjamin_Byriel

WE NEED THIS FEATURE. Documenting state diagrams and screens in two different kinds of documents is really annoying, especially when you need to make changes.