← Back to Mockup User Guide

Prototyping turns your sketches into interactive flows. Link frames together, define transitions, and preview your design.

Prototype Settings

When you open the Prototype Sidebar/Panel, the canvas displays arrows and icons representing the your prototype flow:

• Play Icon: Marks the first frame where the flow starts.
• Arrows: Show connections between objects and destination frames.
• Back Arrows: Indicate navigation backward in the flow.

First Frame

The starting frame is always marked with a Play icon. To change the first frame:

1. Tap Change Starting Point.
2. Select a new frame in the canvas.

Actions

Select any object in the canvas, then select an action:

• None: No action is assigned.
• Back: Navigates to the previous frame in the flow.
• Go to Frame…: Connects the object to a destination frame. ****

<aside> <img src="/icons/exclamation-mark-double_purple.svg" alt="/icons/exclamation-mark-double_purple.svg" width="40px" />

After selecting Go to Frame…, tap the destination frame directly on the canvas.

</aside>