Analysed · 14 beats
00:00:00:00Beat 01 / 14 — Result title1280×720 · 24 fps
DM-0031 · Screen recording demo

Figma — Text animation and audio in Figma Motion

Screen recording demo · Light UI · Cursor-led · 45s

Length
45.2s
Beats
14· 9 hard cuts
Pace
18.6/min
Avg beat
3.2s

A screen-recording tutorial that animates one title over a motorbike photo, adds per-character text animation, drops in a typing sound and trims it to the text, then ends on a dark end card and the Figma logo.

Product demoLight UICursor-ledPush-insKinetic typeBeat-synced editNo voiceoverDesign toolsSaaS
Cut map — 14 beats┊ 9 hard cuts · Click a beat to jump
00s05s10s15s20s25s30s35s40s45s
The breakdown — 11 sheetsMembers only
Loading the breakdown
Custom film

Want a film like this, made for you?

Framebox is the studio behind Cutmap. Send us this breakdown and your product, and we’ll quote for an original film built on the same structure.

Get a quote ↗

Figma · Watch the original ↗ · Measurements and analysis by Cutmap.

Related filmsMore screen recording demo →
LN-0151Cursor — SDK launchCursor35s · 14 beatsLN-0160Vercel Labs — fx terminal demoVercel Labs fx11s · 6 beatsEX-0004Neural Network Visualization — digit recognition in 3DScreen recording demo35s · 12 beatsDM-0011Interactive 3D Science Labs — Screen-Recorded Tour of Six Explorable SimulationsScreen recording demo35s · 13 beatsLN-0079Etched — Oasis playable AI gameEtched25s · 12 beatsDM-0025Figma — Codex to Figma roundtripFigma37s · 8 beats