How to Use Autoflow Plugin in Figma for Easy Flowcharts

To use the Autoflow plugin in Figma, first select two or more objects you want to connect, then run the plugin to automatically draw arrows between them. This plugin helps you create flowcharts or diagrams quickly by linking frames or shapes with directional connectors.

Syntax

The Autoflow plugin works by selecting multiple objects in your Figma canvas and then running the plugin to connect them with arrows automatically.

• Select Objects: Choose two or more frames or shapes.
• Run Plugin: Activate Autoflow from the Plugins menu.
• Automatic Connections: The plugin draws arrows from the first selected object to the next in order.

text

1. Select multiple objects on the canvas
2. Right-click and choose Plugins > Autoflow
3. The plugin draws arrows connecting the selected objects in sequence

Output

Arrows appear connecting the selected objects in the order they were selected.

Example

This example shows how to connect three frames named Start, Process, and End using Autoflow.

text

1. Create three frames named Start, Process, and End on the canvas.
2. Select the frames in order: Start, Process, End.
3. Run Plugins > Autoflow.

// Result: Arrows connect Start → Process → End automatically.

Output

You will see arrows pointing from Start to Process and from Process to End, forming a simple flow.

Common Pitfalls

• Not selecting objects first: Autoflow requires you to select objects before running it; otherwise, it won't connect anything.
• Wrong selection order: The arrows connect objects in the order you select them, so selecting out of sequence can confuse your flow.
• Unsupported objects: Autoflow works best with frames and shapes; text layers alone may not connect properly.

text

Wrong way:
1. Run Autoflow without selecting objects.
// No arrows are drawn.

Right way:
1. Select objects in the desired order.
2. Run Autoflow.
// Arrows connect objects correctly.

Quick Reference

Action	Description
Select Objects	Choose two or more frames or shapes in order.
Run Plugin	Go to Plugins > Autoflow to activate.
Check Connections	Arrows connect objects in selection order.
Adjust if Needed	Re-select objects to change arrow directions.

Key Takeaways

Always select the objects you want to connect before running Autoflow.

The plugin connects objects in the order you select them, so plan your selection sequence.

Autoflow works best with frames and shapes, not standalone text layers.

Use Autoflow to quickly create flowcharts and diagrams with directional arrows.

If connections look wrong, reselect objects in the correct order and rerun the plugin.