Guides

Everything we know
about product video.

Three playbooks on product video — what it costs and how to make one, how to get it watched, and how the big software companies make theirs — plus the Frame24 guides for doing each job here.

Playbook36 pieces

The product video playbook

How do I make my product look good without spending a fortune?

Read the playbook
Playbook17 pieces

The distribution playbook

I have a video — how do I get customers from it?

Read the playbook
Teardowns11 pieces

How the big software companies make their videos

How do Linear, Stripe and Figma make theirs — and can I?

Read the playbook

Doing it in Frame24

Show the real interface7 min

Get your real product UI into the film

A public URL cannot see past your login. Here is how to capture the three or four real screens that actually carry the argument.

Start from an idea, not a brief6 min

Make a brand film from nothing but an idea

No brief, no script, no storyboard. Describe what the film is about in a sentence and Frame24 builds around it.

Make every film match6 min

Set your Brand Kit up so every film matches

Five colours, two typefaces, two logo versions. Get those right once and every film after the first one starts on-brand by default.

One film, every platform6 min

Get one film onto every platform it needs to reach

Frame24 designs a scene for the format it is given rather than cropping a wide shot down. That means a second format is a second film — a fast one, because your brand and screens are already saved.

Turn a document into a film6 min

Turn a deck, PRD or proposal into a video

Drop the document into the same field that reads your website. Frame24 extracts what it argues, not what order the slides are in.

Edit without a timeline6 min

Edit a film by saying what to fix

There is no timeline and no keyframes. Click a scene, say what should change, and the editor checks its own work before handing it back.

Announce one change well6 min

Announce a feature in a day

One change, one film, one day. The whole job is capturing the new screens, a short film about the change, and a vertical cut for the places people will actually see it.

Launch with both films ready7 min

A launch in a week: the brand film and the demo

A launch page needs a film that says what this is, and a film that shows it works. They are not the same film cut two ways — here is how to make both properly, from one project.

Make the film from your codebase7 min

Make a product video with your coding agent

One command, one sign-in, and the agent that already knows your product does the research, captures the screens and directs the film with you.

Use Frame24 from ChatGPT, Claude or Gemini4 min

Connect Frame24 to ChatGPT, Claude or Gemini

Two minutes, one web address, one sign-in — then ask your assistant for a product film the way you would ask a colleague.

Use Frame24 from Claude5 min

Connect Frame24 to Claude

In any chat: + → Connectors → Add connector → Add custom connector, paste one address, sign in. About two minutes, on every Claude plan.

Use Frame24 from ChatGPT5 min

Connect Frame24 to ChatGPT

Turn on Developer mode, create a Frame24 app with one address, sign in. About three minutes on ChatGPT Plus, Pro, Business, Enterprise or Education.

Use Frame24 from Gemini4 min

Connect Frame24 to Gemini

Settings → Connected Apps → Add a custom app, paste one address, sign in. About two minutes with a personal Google account in the US.

Stop reading. Start rendering.

Paste a URL and see what your first film looks like.

Create your first film