← Back to Mockup User Guide

Prototyping lets you turn 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 flow of your prototype:

• Play Icon: Marks the first frame where the flow begins.

• Arrows: Show connections between objects and destination frames.

• Back Arrows: Indicate navigation backward in the flow.

  

First Frame

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

1. Tap Replace Frame.
2. Select a new frame in the canvas.

Actions

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

• None: No action.
• Back: Navigates to the previous frame.
• Go to Frame…: Connects to a destination frame. ****

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

When selecting Go to Frame…, tap on the destination frame in the canvas.

</aside>

For objects with connections to other frames, additional options are available: