FigJam connectors in Figma

:violin: 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!

2 Likes

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

3 Likes

where is it?

Hey @thread, I made a plugin to do these boring pasting-and-dragging

Quickly-Add-FigJam-Connectors

Probably a temporary workaround before connectors officially being support in Figma files. Feel free to let me know if there’s bugs or anything.

1 Like

I just stopped creating flows in Figma because it is such a pain. Instead I just have to verbally explain this during handoff. I know FigJam is a better tool for diagrams, but honestly I have no time to copy and paste screens (plus more maintaining with two separate files).

Just as there is Design/Prototype/Inspect mode, I wish there would be a Diagramming mode, so arrows could be “toggled” on/off

3 Likes

We can’t create component using FigmaJam connectors on Figma file either

I know you can copy and paste Connectors from Figjam, but what about something like that?

4 Likes

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.

2 Likes

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.

1 Like

image
So I guess they will be live soon.

3 Likes

Named sections in Figma would be great for organizing related screens or a flow within a page. Zooming in and out would allow you to see the section name regardless of the zoom level.

CleanShot 2022-06-13 at 11.59.31

1 Like

Sections for design files would help organize them especially when diferent people work in the same file

1 Like

Hey @Nikita33,

We launched sections for Figma today! :tada:

We’re going to edit & merge your topic to ensure the team still gets your feedback regarding connectors & arrows.

2 Likes

@dvaliao Thank you, I love it! I did find one bug in setting x/y values of a section where it doesn’t move the contents (dragging the section works).

1 Like

Does this mean connectors are coming next? :crossed_fingers:

2 Likes

Not for me. First, they’re functionally limited. For example, you can’t group them or use text styles on their labels.

Also, adding them will trigger the missing fonts warning with an empty field (well, there is a comma there). Clicking the target icon highlights the connectors; that’s how I know they’re the cause.

I’ve also had times where they’ll disappear when creating a component or grouping other items on same page. Though, I admit I haven’t encountered this issue in a while.

So for me, it’d be great if they were first-class citizens in Figma files. :pray:

2 Likes

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

2 Likes

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.

1 Like

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