FigJam connectors in Figma

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. :pray:

1 Like

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.

2 Likes

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 Like

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

Small improvement: by using Simpleflow, you can prevent an annoying issue when duplicating connectors :point_right: 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.

1 Like

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

1 Like

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:

13 Likes

Yes +1! :clap: :clap: :clap:

5 Likes

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!

4 Likes

Yeah this works, it sucks you can’t put a connector line in a frame to make it a library component. That would be almost as good as having it native to regular figma.

3 Likes

It’s a useful tools to show the connection between screens and elements and it should be created directly in Fig Design. Waiting to use it soon on next releases :upside_down_face:

1 Like

Oh? Didn’t knew that, hidden features!

I’m hoping they bake this in ASAP to Figma so we don’t have to copy from Figjam. And the thing is the connectors behave so, so hacky and downright goofy. Not being able to just drop a completely connector around independently drives me nuts. In my company we have to design the exact same flows for two brands and if I could just copy/paste and drag the exact same connector lines to the respective brand flows… my productivity could go so much further.

1 Like

*drag a complete connector.

OMG, yes we need it too

That apps separation makes me mad

+1. Agreed

I was just about to write a suggestion on the same topic, but found this thread. Seems like a no-brainer to add this into figma as well, it would be EXTREMELY helpful while working with large user flows in a team setting. Manually drawing lines for this purpose is really finicky.

Trying to do this right now, an upon finding this post, realise it’s not possible :confused:

1 Like

Yes please!