Open a prototype
1
Click Preview
In the editor toolbar, click Preview. The prototype player opens as a full-page view, separate from the editor.
2
Let Flowstep link your screens
If your file has two or more screens, Flowstep automatically links interactive elements — buttons, cards, menu items — to their target screens when you open the preview (you’ll see “Bringing your screens to life” while it works). Links are regenerated only when your screens have changed since the last run.
3
Click through your flow
Click any linked element — a button, a card, a menu item — to navigate to its target screen. The sidebar lists all screens in the file so you can jump to any of them directly, and Back to editor returns you to the file.
Automatic linking needs at least two screens in the file. If link generation fails, use the Retry button in the player.
Set navigation manually
You can control exactly where an element navigates:- In the editor, select the element (for example, a button).
- Open the Navigation panel in the property panel on the right.
- Pick a target screen from the dropdown — or choose No navigation to remove the link.
Interactive controls
A prototype isn’t just clickable navigation — the controls on your screens respond while you preview. Flip a switch, tick a checkbox, pick a radio option, choose from a dropdown, switch tabs, type in a field, or increment a counter, and the screen updates live to reflect the new state. Screens in a file share one prototype state during a preview session, so a change you make on one screen carries through as you click into others. You can also switch a screen between light and dark appearance to see how it responds.Interactive behavior is generated automatically from your screens — there’s nothing to wire up. Preview a file to try it.