logo of screen script with additional docs word,just represent that this is a documentation of screen script
Ask ChatGPT Launch Screen Script

Product Demo Videos

A product demo shows your product solving a real problem. The best demos are focused — they lead with an outcome, highlight the key moment in the UI, and end with a single clear action for the viewer. Screen Script gives you all the tools to record, edit, and export a polished demo without a complex setup.

Table of Contents

Step 1 Record Your Screen

Use the Screen Recorder to capture your product in action. Before you hit record:

  • Close unrelated tabs, notifications, and apps so the viewer's attention stays on your product.
  • Navigate to the starting point of your demo flow — do not show setup or loading in the final video.
  • Use the Microphone Recorder alongside your screen capture to narrate value as you go, not just what you are clicking.

The recorder captures everything as a single unified recording, so you only need to do one take for both screen and audio.

Step 2 Add Your Camera Optional

If you want to appear on screen alongside your product, enable the camera feed in the recorder. Having your face visible builds credibility and keeps viewers engaged, particularly for sales outreach or deep-dive demos.

Once recorded, you can control how the camera feed is positioned and sized relative to the screen using the Layout Timeline in the Editor.

Step 3 Trim Dead Time in the Editor

Open your recording in the Editor and go to the Media Timeline.

  • Use Trim Start and Trim End to cut any dead time at the beginning or end of the recording.
  • Use Split and Delete to remove pauses, mistakes, or slow sections from the middle.

Keep the demo tight. Every second that does not move the viewer closer to understanding the value is a second they might drop off.

Step 4 Direct Attention with Zoom Effects

The Zoom Effects Timeline lets you zoom in on key moments in the UI — a button click, a result appearing, a specific field — so the viewer knows exactly where to look.

  • Add a Zoom keyframe just before the important UI moment to push in closer.
  • Add a Position keyframe at the same point to center the focus on the relevant part of the screen.
  • Return the zoom to normal after the moment passes so the viewer can reorient.

Zoom effects are one of the most effective ways to guide attention without slowing down narration.

Step 5 Set Your Layout

Use the Layout Timeline to control how the screen and camera feeds are arranged throughout the video.

  • For a screen-only demo, a full-screen layout works best — the product gets all the space.
  • For a screen + camera demo, use a layout that keeps the camera feed visible but secondary, so the product UI remains the focus.
  • If the layout needs to change at any point — for example, switching to a camera-only moment — add a transition on the Layout Timeline and set the new layout for that segment.

Make sure your aspect ratio in Project Settings is set correctly before configuring layouts. Common choices are 16:9 for YouTube or presentations, and 9:16 for short-form social video.

Step 6 Export at the Right Resolution

When your edit is done, open the Exporter and choose your output resolution.

  • For most demos, 1920 × 1080 (Full HD 1080p) is the right choice — it looks sharp on any screen and is the standard for YouTube, Loom embeds, and sales outreach.
  • If your device is in power saving mode, switch to Performance mode before exporting for significantly faster render times.
  • Click Export video and save the MP4 file when rendering is complete.