Prototyping & present
Turn static frames into a clickable flow. Add interactions that jump from one frame to another, then play the whole thing full-screen.
Author interactions
The Interactions section of the inspector wires a layer to navigate somewhere on click.
Select the layer that should be the hotspot — a button, a card, an arrow — and open Interactions. Add a click → navigate link and choose the destination frame. Repeat to stitch a flow together: home → detail → confirmation, and so on. A hotspot can sit anywhere inside a frame; the nearest one to your click wins during playback.
Play it in present mode
Present mode plays one frame full-screen, following your links, with the editor chrome hidden.
Click ▶ Present at the top of the right panel (next to Share) to start playback. Once it’s running:
- Click a hotspot to follow its link to the next frame.
- ← / → step through frames in order, regardless of links.
- Esc — or the ✕ Exit button, top-right — leaves present mode.
Only the presented frame is drawn — no neighbours, arrows or chrome — so it reads as a clean, single-screen preview.
Good hotspots
A couple of habits that make a prototype feel real.
- Name your frames clearly — the destination picker lists them by name.
- Put the interaction on the visible control (the button), not a wrapper, so the click target matches what a viewer expects.
- Keep each frame a complete screen; present mode shows exactly one at a time.