Play and share a prototype

A prototype on a MockFlow board works like the real app. You can click through it in place, play it full screen for a review, try it on your own phone, or take it away as code. To make one, see Make a clickable prototype.

Click through a prototype on the board

Select the prototype to see its toolbar.

1. Click Interact with prototype (1), or double-click the prototype.

2. Click buttons, links and tabs inside it, as you would in the app.

3. To jump between screens directly, use the arrows and the screen counter, such as 1 / 3, in the toolbar or below the prototype.

Use the Device frame list in the toolbar to show the prototype as Mobile, Tablet or Desktop.

Play a prototype full screen

Click Play (2) to open the prototype full screen, with the board hidden behind it. This suits reviews and presentations. The arrows below it move between screens.

Preview a prototype on your phone

1. Click Preview (3) in the prototype's toolbar.

2. Scan the QR code with your phone's camera to open the live prototype.

3. To send it to someone, click Copy to copy the link instead.

Export a prototype to code

Click Code in the toolbar to download the prototype as standalone HTML. The exported files keep the clickable flow between screens and run without MockFlow, so a developer can open them in a browser or build on them.

To take a single screen to Figma or an AI coding tool, see Export a wireframe.