How to record your first product demo

Before you record

Open the product flow you want to show and reset it to a clean state. Close unrelated tabs, hide private data, and make sure the viewer can understand the starting point.

For the first demo, aim for a short outcome. A focused 30-90 second recording is easier to edit than a long tour of the whole product.

Start recording

From Screenfly Studio, use the Record action in Project files. Screenfly opens the recording overlay and triggers the browser share prompt.

Choose what you want to capture:

• Tab when your product runs in one browser tab
• Window when you need a whole app window
• Screen when the demo moves across apps or windows

After you choose the source, record the flow naturally. You can pause and resume during capture, then stop when the important action is complete.

Save the recording

When recording stops, Screenfly uploads the WebM source and asks you to name the file. The recording is saved to your Library and attached to the current Studio project.

If you started without an existing project, Screenfly creates one for the new recording.

Edit the first pass

After the recording opens in Studio, do a quick cleanup:

1. Add skip zones over dead air or loading time.
2. Crop the frame if the UI has too much empty space.
3. Add subtitles for the key steps.
4. Choose MP4 and a practical resolution.
5. Bake the video.

Related guides

• How to choose a tab, window, or full-screen recording
• How to cut dead air with skip zones
• How to bake a finished video