Skip to main content
Flowstep can turn the screens in a file into a clickable prototype. Click Preview in the editor toolbar and Flowstep opens a full-page prototype player where you can click through your flow — useful for testing a user journey or presenting it to stakeholders.

​
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:
  1. In the editor, select the element (for example, a button).
  2. Open the Navigation panel in the property panel on the right.
  3. Pick a target screen from the dropdown — or choose No navigation to remove the link.
To stop Flowstep’s automatic linking from overwriting a link you set yourself, click Lock link in the Navigation panel. Locked links are left untouched when links are regenerated.