FlowConnect - Figjam Connectors in Figma

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. Select any FigJam connector and paste it into your Figma file. Then, select the connector and click the + icon at the top of the plugin to set it as the source connector (only one source needed per file).

2. Once the source is set, select any two objects and click Link objects to connect them using a connector styled according to your preferences.