Skip to content
All posts
  • Tutorial
  • Screen recording
  • Studio

How to make a product demo video on a Mac

A demo video that converts is short, zoomed where the action is, and narrated without ums. The workflow: script the click path, record clean, cut by transcript, reframe, and ship.

Saksham Sharma3 min read

The best product demo videos share three traits: they’re short, the view goes where the action is, and nobody says “um.” None of that happens by accident — but none of it needs an editor either. This is the workflow for a demo that looks produced, recorded, and cut in one sitting on a Mac.

Script the click path, not the words

Write down the sequence of clicks that shows the job getting done — five to eight steps from empty state to the result. Don’t write narration lines. A script you read aloud sounds like a script; a click path you know by heart sounds like someone who uses the product. Keep the ending in mind from the start: the demo should land on the thing a customer would pay for, not on a settings screen.

Time yourself walking the path once. If it runs past ninety seconds, something in the middle is a feature tour, not a demo — cut it and save it for a follow‑up video.

Record clean takes

Close the tabs you don’t want on camera, turn on Do Not Disturb, and record the walk‑through two or three times without stopping for mistakes — restarts cost more time than retakes. What makes a raw take watchable is polish that the recorder applies itself: the view easing onto every click so the viewer’s eye lands where yours did, the cursor gliding instead of teleporting, keystrokes showing up as clean overlays. Snapbak does that at recording time, which is the difference between footage and a demo — what lands in the library is already close to shippable.

Record with system audio if the product makes sounds worth hearing, and narrate live: your voice over the exact take you just did beats dubbed audio, because the pauses land where the clicks land.

Cut it by deleting words

Here’s where transcript‑based editing earns its keep: the recording arrives with a transcript, and deleting a sentence of it cuts the video, the narration, and the filler in one move. Say a take rambles at the fifteen‑second mark — delete those words and the footage closes up without a seam. One click clears every “um” and every long pause in the whole take, which is most of the difference between a raw demo and a tight one.

The honest version of this step: read your own transcript. Anywhere the narration doesn’t match what’s happening on screen, one of them should go — usually the words.

Reframe and caption for where it ships

A landing page wants 16:9; a social post wants vertical or square. Record once, then reframe after the fact — 9:16, 1:1, or 4:5 — instead of staging a second take, and keep the auto‑zoom in mind while cropping so the important region stays centered. Burned‑in captions go in at export, because most demo views happen on mute. SRT and VTT export sit right beside the video export when the destination needs subtitles as a file.

Ship the smallest honest version

Export at the resolution the destination actually shows — 4K60 hardware‑encoded if it’s a product page, 1080p if it’s a support article — and resist the urge to add music under a UI demo; the narration is the soundtrack. The GIF route is worth knowing too: a silent, looping eight‑second slice of the demo often outperforms the full video as the first touch.

One last habit: re‑record the demo every time the flow changes. A demo that shows an old UI converts worse than no demo, because it teaches the wrong product. Snapbak is free for the first 100 users — download it, script your click path, and see how far one clean take gets you.