DemoFast tutorial

Capture and organize demo steps

Review a captured sequence, reorder useful steps, remove mistakes, duplicate a screen, or add a missing image step.

For Demo creators cleaning up a recordingReviewed
Illustrative DemoFast editor with step thumbnails and editing controls
Illustrative DemoFast interface

Before you begin

Prerequisites

  • A recorded demo
  • Edit permission in the demo workspace

Step by step

Follow the current DemoFast workflow

  1. 01

    Open the editor

    Open the demo from the dashboard. The Steps sidebar shows the captured sequence as thumbnails.

    Illustrative DemoFast editor with step thumbnails and editing controls
    Illustrative interface
  2. 02

    Reorder a step

    Drag a step thumbnail to its new position. The editor saves the reordered sequence.

  3. 03

    Duplicate or delete

    Open a step's more menu to duplicate it or delete it. DemoFast keeps at least one step in the demo.

  4. 04

    Add a missing screen

    Use the add-step control in the sidebar and choose an image. The new screen is appended to the sequence.

  5. 05

    Review the complete path

    Move through Previous and Next in the toolbar and confirm every step advances the intended story.

Troubleshooting

If the workflow does not match

A step cannot be deleted

A demo must retain at least one step. Add or duplicate another step before removing the last one.

The sequence feels long

Remove setup and loading states that do not change what the viewer understands.

Related product guide

Screen capture

Plan a cleaner source workflow before recording.