Build and share a Prototype

Open Prototype in the Inspector, select a starting Frame, and create a Flow. A Page can contain several flows. Select any Layer in the Flow and choose Add interaction. Choose the trigger and action, then complete the fields shown for that combination. Dashed lines on the canvas show destinations for the active Flow. An interaction on a container also runs when its child content is clicked or pressed.

Triggers include click, hover, mouse enter or leave, press, release, drag, key, and delay. Actions include Navigate, Back, Open, Close, or Swap Overlay, Scroll to, Open URL, Set Variable, Set Mode, and Set Component Variant. A condition can compare a controlled boolean, number, or string value before its action runs. Open URL accepts http, https and mailto addresses.

Overlay Frames can dim the current screen, close on outside click, and use a centred or edge position. Navigate and overlay actions support Instant, Dissolve, Slide, Push, Move, and Smart transition choices.

Scroll to moves the current Frame so the chosen Layer is in view, with horizontal and vertical alignment and Instant or Smooth behaviour. A Frame whose content is larger than itself scrolls during playback. Choose a Layer's Position while scrolling in the Inspector to make it Sticky after it reaches an edge, or Fixed so it stays in place while the rest of the Frame scrolls.

Navigate, Open Overlay, and Swap Overlay can also focus a specific interactive Layer after the Frame appears. If no Layer is chosen, focus moves to the first interactive Layer. Set Component Variant changes which Variant an Instance in the current Frame displays.

Choose Present Flow in the Prototype Inspector, or Present in the page bar, to make a Prototype link and open it in a new tab. The link shows the Flow as it was when you presented it, without the editor; present again after later changes. Anyone with the link can view it without signing in. Back, Restart, scrolling, fixed and sticky content, pointer and keyboard triggers, touch, overlays and full screen work there. The link shows only the Frames the Flow can reach: not other Pages, comments, history or handoff notes. Presenting needs edit access to the file through its team.

While the Design is in Trash, its Prototype links show a not found page; they work again if it is restored.

If a shared Flow exposes unrelated content, disable the link and Contact support.