FlowConnect - Figjam Connectors in Figma

About this plugin

FlowConnect: Connectors that are smart and seamless

FlowConnect brings Figjam-style connectors to Figma, making it easy to link frames and create flows. With smart positioning that automatically adjusts when you move elements, customizable arrow styles, and simple text labels, you can quickly create clean user flows and sitemaps. Connect your frames with just a few clicks and let FlowConnect handle the rest.

Key Features :

✦ Figjam-style connectors: Create connections between frames with real-time visual feedback

✦ Smart positioning: Connectors find the best connection points and auto-reroute when frames move

✦ Advanced styling options: Customize line types, stroke weights, dash patterns, and opacity

✦ Text labels: Add descriptive text to your connections that update automatically

✦ Live preview: See how your connections will look before you create them

✦ Multiple arrow styles: Choose from lines, triangles, diamonds, and circles for both connector ends

✦ Offset controls: Fine-tune connection points for perfect placement along frame edges

Premium Features :

✦ Custom Color Connectors

✦ Shapes - Future

✦ Set Presets

✦ More on the Roadmap.

How to use :

1. Connecter is Pre copied already, You can just Ctrl/Cmd + V in you canvas to get started, If no press the copy button on top and paste them in canvas [One time Thing].
2. Select any two objects and click Link objects to connect them using a connector styled according to your preferences.