Skip to main content
Joseph_Cooper
April 21, 2021

FigJam connectors in Figma

  • 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:

162 replies

Joseph_Cooper
April 23, 2021

I know, this is why its annoying and why I created this request. Nearly all the logic to manipulate the connector is already built into Figma Design so just let me just place a connector there instead so I don’t have to copy one from Figjam.

Eventually when Figjam becomes its own paid for product people won’t have connectors freely available to them.

It will speed things up so much if I could just place them inside Figma and have connectors be fully editable (place text in them etc).

Saeed_Alipoor
New Participant
April 26, 2021

I tried to copy some shapes and connectors with text to Figma and find that they’ve added node types for these two: CONNECTOR and SHAPE_WITH_TEXT, these types are not in plugin documentation yet.
I think Figma will add support for connectors and shape_with_text to Figma officially in the next updates.
I was trying to add RTL Support to the connector label for RTL PLZ Plugin, but its node properties are incomplete and I hope they provide characters property or something like that to allow updating connectors label with the plugin.
image

Jan_Baborak
April 29, 2021

Need it. Want it. 🙏🤞

Armin_Seltz
April 30, 2021

I agree we need some way to add an arrow to point to any part of an image. Right now I have to hand-draw in arrows to point to something like leaving feedback.

Dylan_de_Heer
May 6, 2021

I’ll keep it short:
I have been using all kinds of organizing plugins to try and get a nice way to connect multiple screens or flows together. Auto Arrow is currently my plugin of choice but after having used FigJam I am now 100% sure the connection tool that exists in there, needs to come to Figma as well!

Myrto_Stoop
May 20, 2021

Currently I’m creating user flows in Figma with plugins, but when there are a lot of flows, creating/editing becomes very slow.

Supporting connector lines within Figma would make:

  • It very easy and fast to create/edit lines in a Figma document
  • Add lines between hifi mockups as well
  • Enable swapping out components and mockups within the hifi user flows/iterate on hifi user flows without breaking it
  • Link also from nested components/frames
  • Create boxes ans shaped flow charts for low fi user flows in the Figma doc
akshay.sarma_publicissapient.c
May 20, 2021

I am currently working with a client using two separate licenses of Figma (one for our agency and the other for our client).

We have used Figjam to create flow charts but we have noticed issues of connectors either getting disconnected or producing strange artifacts (lines growing much larger than original instance and looping randomly).

Has anyone else encountered these issues?

We are having issues when:

  • Copying from one Figjam file to another
  • Copying from a Figjam file into a Figma file
  • After correcting issues in Figma (after copying from Figjam) we have noticed issues copying the “fixed” flow into another Figma file

Not sure if these are known issues that will be addressed in a future update.

jamie.archer
May 27, 2021

I think if you had a connector button in Figma then Figjam becomes a bit pointless! Just sayin its the only reason I use Figjam, well that and the fact anyone can easily understand how to use figjam. Honestly the lack of proper formatting and custom colour options means I end up creating a component in figma to import to figjam it just doubles the work load. One app to rule them all!

Kyle3
June 10, 2021

I’ve been shocked for the past 3 years at the Figma product team’s flat out refusal to include connectors in Figma, despite the constant customer requests for this feature… and then they add connectors to Figjam

Devon_Fazekas
June 24, 2021

You can copy these connectors from FigJam into Figma, and they’ll work just the same.
HOWEVER, be warned. They are error-prone. For me, grouping/ungrouping connectors results in permanently deleting them