Flow Connect - Figma plugin

Automatically generate flow arrows from your Figma prototype links. FlowConnect reads every interaction you've already created in Prototype mode and draws beautiful, annotated connectors between screens so you can document flows without drawing a single arrow by hand.

Features

1. Automatic prototype scanning detects all On Click, On Hover, On Drag, After Delay, and other prototype interactions on your page.
2. Trigger labels on every arrow see exactly what type of interaction connects each screen (e.g., "On click → Navigate", "On hover → Open overlay").
3. Customisable arrow styles solid, dashed, or dotted lines in any color and thickness.
4. Element-level or Frame-level connections choose whether arrows point from the exact interactive element or from the parent frame.
5. Smart bezier curves smooth, professional-looking curved connectors that avoid harsh straight lines.
6. One-click generation scan your page, tweak settings, generate. All arrows appear in a single grouped layer.
7. Easy cleanup clear all arrows instantly, or lock the annotation layer to prevent accidental edits.
8. Handles edge cases overlapping arrows are offset automatically, self-referencing frames get loop arrows, deleted destinations are skipped gracefully.