How to record a product demo video on Mac

A product demo video isn’t an editing project. It’s five moves: capture, trim, zoom, frame in a device, export. Most people turn it into a timeline juggling exercise because they reach for a general-purpose editor before they’ve decided what the viewer needs to see. Don’t.

This is the flow we use to ship a feature demo in a day, on macOS, without opening a traditional editor.

1. Decide the click path before you record

Write down the exact sequence of clicks a viewer needs to follow to reach the payoff. A demo isn’t a tour of everything your product does — it’s the shortest path to one moment of value. If you can’t state that moment in one sentence, you’re not ready to record.

Record the click path first, then decide zooms from what the viewer needs to see, not what you want to show.

2. Capture in one take

Record the whole click path in a single pass. Don’t stop to fix mistakes — keep going and trim them after. Restarting over and over is what turns a 20-minute task into a 3-hour one.

Record at your display’s native resolution. You can always scale down at export; you can’t scale up cleanly.

3. Trim the dead ends

Cut the false starts and the pauses. Keep the cuts tight — a half-second of dead air between clicks reads as hesitation, not breathing room. The viewer’s attention is a budget; don’t spend it on nothing.

4. Add zoom where attention needs to go

Zoom is directional: it tells the viewer where to look. Add a zoom on the click that triggers the payoff moment, not on every click. Over-zooming is the hallmark of an amateur demo — it signals you don’t know which moment matters.

This is where editable, click-driven zoom pays off: you place the zoom on the timeline after recording, move it, resize it, or delete it without re-capturing. If your tool only auto-follows your clicks, the framing gets decided for you — worth checking before you record.

5. Frame it in a device

A raw screen recording floating on a white page reads as a screencast. The same recording inside a device mockup with a subtle backdrop reads as a product shot. The framing carries credibility — it’s the difference between “someone recorded their screen” and “this is a product video.”

Keep the device frame neutral. A heavy bezel or a brand-colored frame distracts from the content. The frame should support, not compete.

6. Export for the destination

Pick the codec and frame rate for where the video lives:

• Universal web (landing page, docs) — H.264, 30 fps. Plays everywhere, including Safari without container caveats.
• Platform you control (your own player) — HEVC, 30 fps (or 60 only if there’s fast motion). Smaller files, higher quality, but less compatible.

If you’re unsure, H.264 at 30 fps is always safe. See our 30 vs 60 fps breakdown for when 60 actually earns its size.

The whole flow, in one breath

Capture the click path in one take → trim the dead ends → zoom on the payoff click → frame in a device → export for the destination. Five moves, no video editor. That’s a product demo on a Mac.