Figma Motion’s text and audio feature demo

Show a polished end result immediately, then reveal its construction inside a real editor: select the object, expose the animation controls, demonstrate the movement, add audio on the timeline, and return to the finished composition. The promise is on screen at 0:00 in a large two-line feature headline; the second feature gets its own proof at about 0:28–0:40.

Why it works

• The first frame pairs a bold feature label with a dramatic monochrome motorcycle composition, so the viewer understands both capability and use case before the 0:00.7 cut.
• A concrete UI sequence occupies roughly 0:03–0:28: dropdown, animation settings, extra effect, then playback. The feature is demonstrated rather than only announced.
• The audio timeline becomes the second visual payoff at 0:28–0:40, followed by a simple release statement at 0:40.6. This makes the two-part headline feel earned.

Hook formula: result first + product proof: “{{FEATURE_A}} + {{FEATURE_B}}” over {{OWN_FINISHED_SCENE}}, then cut into {{YOUR_EDITOR}} within one second.

Why it holds: The title is large enough to read in under a second, while the second shot abruptly crops into a specific editing action. The viewer has a clear reason to watch the controls: they have already seen what those controls can produce.

Retention map: re-hooks at the settings dropdown (about 0:03), the added effect (about 0:13), and the audio timeline (about 0:28) · animated result around 0:19–0:21 · final announcement 0:40.6–0:45.2 · no spoken CTA · hard-stop ending.

Mix: Screen recording dominates shots 1–9. Shot 10 is a type-only closing card. The canvas preview remains visible during UI actions, linking settings to results.

Rhythm: Two cuts in the first 3 seconds, then roughly 2–7-second holds. The 7.29-second timeline shot at 0:28.2 has an internal change around 0:32.8, keeping a slow cursor task active. The 0:30.2 flagged change may be UI motion rather than a cut.

Rules this editor follows (inferred):

• Start with the outcome, then make the cursor the guide through a narrow sequence of controls.
• Crop tightly on the relevant panel for settings; widen to the full canvas and timeline for playback and audio.
• Use the original UI selection blue as the only vivid accent against grayscale content and neutral chrome.

Full shot list

• Look: Grayscale action photograph, roughly charcoal #232323, mid gray #858585, white #F7F7F7, pale editor background #F4F4F4, electric selection blue around #2D9CDB. The source's motorbike scene is a signature asset; choose an original {{DEMO_ASSET}} with similar tonal contrast.
• Type and captions: No subtitles. Oversize sans title in the canvas, white, regular-to-medium weight, approximately 90–115 px at 1280×720; closest free font: Inter Regular/Medium. Two lines, upper-left of the image, with a blue selection underline during edit. Final card: Inter Regular/Medium, white, approximately 42–52 px, left aligned on black. UI labels remain native to the recorded product.
• Graphics and overlays: Actual editor handles, cursor, dropdown, properties cards, timeline ruler, and blue audio clip. Avoid decorative arrows or badges; the UI action is the graphic.
• B-roll: One original high-contrast grayscale image or clip, held behind the title while settings are demonstrated. Keep it legible as a stage for type.
• Transitions: Mostly hard cuts between zoom levels and UI areas. The text movement itself supplies animation inside the shots.
• Branding: Product name belongs in the last card and post copy; no persistent watermark is needed.

Measured: No speech detected; spoken WPM, vocal pauses, pitch, and emphasis are not applicable.

Delivery direction: Let UI labels and results explain the workflow. If adapting for accessibility, make a separate version with concise, neutral narration and recalculate music balance; do not treat narration as part of this reference format.

• Music: A subdued tonal bed runs through the 45.2 seconds. Rough tempo is 80 BPM with low measurement confidence. Choose licensed instrumental music with a steady, unobtrusive pulse; the footage and cursor remain the focus.
• Sound effects: Cut accents are not clearly established by the measurements, so treat them as optional. If used, reserve a soft click for the dropdown and a gentle hit for the final card.
• Silence and space: No verbal breaks or dramatic spoken pause; leave the final card uncluttered.
• Mix targets: Source measures −24.6 LUFS integrated and −7.6 dBFS true peak. Match that restrained character or normalize to the destination platform while keeping peaks below −1 dBFS.

• Title formula: Name the newly available capabilities plainly: “{{FEATURE_A}} and {{FEATURE_B}} in {{PRODUCT}}.”
• Cover: The finished 16:9 composition, grayscale action image, oversized white two-line headline at upper left, blue selection underline. No face or separate thumbnail badge.
• Description: One short product-update sentence plus the product link. The original post uses an emphatic punctuation cue; adapt the energy in your own voice.
• Audience signals: At capture, 48,969 views, 657 likes, 31 comments, and 53 reposts (13.4 likes per 1,000 views). No most-replayed or comment-content data is supplied, so no moment-level audience preference can be inferred.

There is no spoken script. Keep copy sparse so the UI proof remains readable.

[0:00–0:03 · RESULT FIRST · 2–5 words] {{FEATURE_A}} + {{FEATURE_B}}
[0:03–0:19 · EDITOR PROOF] Use real UI labels; add no narration card.
[0:19–0:28 · RESULT AND BRIDGE] Show {{FEATURE_A}} animating, then reveal the timeline.
[0:28–0:40 · AUDIO PROOF] Show {{AUDIO_ASSET}} occupying a visible audio lane.
[0:40–0:45 · AVAILABILITY · 6–9 words] {{FEATURE_A}} and {{FEATURE_B}} now in {{PRODUCT}}.

Script/shot-list prompt (paste into an AI assistant with this file):

Create a 45-second, silent 16:9 product demo for {{PRODUCT}} announcing {{FEATURE_A}} and {{FEATURE_B}}. Use a new {{DEMO_ASSET}} and original copy. Give me a shot list with exact in/out times: finished result by 0:00, editor crop by 0:01, text-control proof 0:03–0:19, animated preview around 0:19, timeline bridge 0:21–0:28, audio-clip proof 0:28–0:40, and a brief availability card 0:40–0:45. Specify the real UI actions to capture and keep on-screen copy to a two-feature headline and one closing sentence. No narrator, talking head, or decorative caption layer.

Voice prompt: None. This format has no voiceover.

Visual prompts / capture briefs:

• Hero asset: Create or select an original high-contrast grayscale {{DEMO_ASSET}} with diagonal action, large darker area behind an upper-left white title, 16:9 framing, no lettering or logos.
• Editor proof: Screen-record {{PRODUCT}} at 1280×720 or higher. Keep the cursor visible, zoom the relevant properties panel to readable size, then widen to the canvas and timeline. Capture actual controls and actual preview playback.
• Closing card: Near-black #171717 background, left-aligned white Inter Medium sentence, three short lines, no logo animation.

Caption spec: No subtitles. Hero title: Inter Regular/Medium, white, 90–115 px, 2 lines, upper-left. Closing card: Inter Regular/Medium, white, 42–52 px, left aligned. Let each final-card line reveal cleanly; avoid karaoke effects.

Music prompt: Subdued instrumental pulse, roughly 80 BPM, minimal harmonic movement, soft attack, no vocals; room for UI clicks and a gentle end resolution.

1. Build a real demo project in {{PRODUCT}} using an original {{DEMO_ASSET}}, the {{FEATURE_A}} text treatment, and a licensed {{AUDIO_ASSET}}.
2. Record one clean result playback and the exact UI actions: object selection, animation dropdown, settings, preview, timeline, audio placement, finished canvas.
3. Crop the same screen capture at three scales: full composition, properties panel, and lower timeline. Keep the cursor within each crop.
4. Assemble approximately 10 shots with cuts at 0:00.7, 0:02.9, 0:05.9, 0:12.1, 0:18.9, 0:21.0, 0:28.2, 0:35.5, and 0:40.6. Allow small adjustments for the new product's UI.
5. Add the large title to the hero composition and a four-to-five-second final announcement card. Preserve native interface blue as the accent.
6. Set a low-level tonal music bed, avoid heavy transition effects, and export 1280×720 at 24 fps.

• The complete two-feature promise is readable at 0:00.
• The first UI crop arrives within 1 second; the dropdown is visible by about 0:03.
• The viewer sees a real setting change and its animated result by about 0:21.
• The second feature has proof: an audio clip visibly occupies the timeline at about 0:28–0:40.
• Roughly 10 shots in 45 s; long UI holds contain cursor movement or a visible change.
• No voiceover or subtitle layer; UI labels are readable at 1280×720 playback.
• Music is restrained, and the closing line is held long enough to read.
• All media, product names, and copy belong to {{PRODUCT}}.

• Source signature: Figma Motion UI, its blue selection colour, and the particular black-and-white motorcycle art. Do not copy those exact assets or branding.
• Transferable format: Outcome first; tight cursor-led proof of feature A; wide result playback; timeline proof of feature B; short availability card.
• Use your own screen recording, example scene, feature names, and licensed sound.

_{Source: https://x.com/figma/status/2107183336724836358 · measured with dissect 1.1.0 on 2026-10-07 · interpretive claims are marked “(inferred)” where needed.}