The editor opens automatically after every recording, and any time you click a demo on your dashboard. Everything you do here saves automatically; watch for the save indicator in the top bar.

The layout

The editor has four areas:

Area	Where	What it does
Top bar	Top	Demo title, save status, preview, and the Publish button.
Toolbar	Below the top bar	The tools: Annotation, Hotspot, Blur, Zoom, plus Demo settings.
Step list	Left	Every step as a thumbnail. Click to select, drag to reorder, delete, and the Add step menu.
Canvas	Center	The selected step, rendered exactly as viewers will see it.

Selecting a tool opens its panel on the right, with settings for the selected step.

What each tool does

Annotation

The text bubble on each step: heading, description, position, and style.

Hotspot

The visual pointer: an animated dot or a spotlight around the clicked element.

Blur

Draw boxes over anything viewers shouldn't see. Applies everywhere the step renders.

Zoom

Magnify a step around a focus point. Reframe instead of re-record.

Working with steps

Select a step in the left list to edit it on the canvas.
Reorder by dragging the handle that appears when you hover a step's thumbnail.
Delete with the ✕ on a thumbnail. Deleted steps go to this demo's trash and stay restorable for 30 days.
Add steps with the + Add step button at the bottom of the list. There are four ways, and none of them involve re-recording your demo.

Never record twice

Every editor feature exists to serve one promise: one recording is raw material, not a final take. Wrong order? Drag. Bad step? Delete, it's restorable. Missed a step? Duplicate a neighbor, copy one from another demo, or append a fresh recording. Sensitive data on screen? Blur it. Too far away? Zoom.

Previewing

Preview from the top bar shows the demo as a viewer will experience it, including the cover screen, navigation, and the call to action at the end. Preview always reflects your current draft, even before publishing.

Editor overview