FlowConnect

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

How To Use The Plugin :

1. Select any FigJam connector and paste it in your Figma file - one connector per file
2. Select the pasted connector and click the + icon in the plugin to set it as your source
3. To create connections, select any two frames and click "Link Frames"
4. Add labels to your connectors by selecting two connected frames and typing in the text field