How to Create a Flow in Figma

George Apostolov
Updated 05 Oct 2026
- ▣ Figma

How to Create a Flow in Figma: step-by-step guide

Inside your Figma design canvas, find and select the object you wish to use as the starting point of the flow.
After that, head over to the right-side panel and then click the 'Prototype' tab.
Go back to the canvas and hover your mouse cursor over the selected object.
Next, click and hold the 'Add' icon attached to your chosen starting point. From there, drag it to another object in the canvas to create a connection.
Finally, a flow will be created from your Figma design. Access the Interaction floating menu and configure the given settings according to your liking.
For further customization, navigate to the right-side panel and use the available options to make your desired changes.

Quick answer: To create a flow in Figma, select a starting point object, open the Prototype tab in the right-side panel, hover over the object, drag the Add icon to another object, configure the Interaction menu settings, and customize options in the right panel.

About this Figma tutorial

Design interactive prototypes in Figma by connecting objects, configuring interactions, and customizing flow settings in the right panel. This guide shows how to create a Flow in Figma in 6 steps, starting with "Inside your Figma design canvas, find and select the object you wish to use as the star..." and finishing with "For further customization, navigate to the right-side panel and use the available optio...". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.