DemoFast tutorial

Record your first interactive product demo

Capture a short browser workflow with automatic steps, pause when needed, and save the finished recording to your workspace.

For First-time demo creatorsReviewed
Illustrative DemoFast browser extension popup showing a connected recording state
Illustrative DemoFast interface

Before you begin

Prerequisites

  • The DemoFast Chrome extension is installed and connected
  • A clean browser tab with approved sample data
  • One clear workflow outcome

Step by step

Follow the current DemoFast workflow

  1. 01

    Prepare the workflow

    Open the first screen, close unrelated tabs and notifications, and reset the product to a safe sample state.

  2. 02

    Start recording

    Open the extension, choose the destination workspace, and select Start Recording.

    Illustrative DemoFast browser extension popup showing a connected recording state
    Illustrative interface
  3. 03

    Complete the useful path

    Click through the workflow at a steady pace. DemoFast captures interaction steps automatically; Pause and manual Capture controls are available during a recording.

  4. 04

    Stop and let the demo save

    Open the popup and choose Stop Recording. Keep Chrome open while the popup reports that it is saving the demo.

  5. 05

    Open the saved demo

    Return to the dashboard and open the new demo to review its captured steps.

    Illustrative DemoFast dashboard with draft and published demos
    Illustrative interface

Troubleshooting

If the workflow does not match

A page does not record

Refresh the target page after installing or updating the extension. Chrome internal pages cannot be recorded.

An interaction was missed

Use manual Capture during recording, or add an image step later from the editor.

Related product guide

Interactive demos

See how captured steps become a guided walkthrough.