Figma-to-app in three visible steps
A silent integration launch moves from paired logos to a selected design, generated app preview, and follow-up prompt on one continuous canvas.
Field notes / why it works
The logo pair and action button make the integration clear in the first second. Four major visual changes at 2.0, 4.0, 7.8 and 11.4 seconds carry a numbered workflow from selected design to app preview, then show a usable prompt field by 13.5 seconds. The result appears inside the product rather than as a standalone claim.
Plate 01 / The format in one breath
A silent feature announcement turns two product marks into a three-step mini demo. A viewer sees the input, the transfer into the destination product, the generated result, and the next action, all on one dark canvas.
Why it works
- The first frame pairs two large marks over a single action button, so the integration is legible before any explanation (0:00–0:01).
- Step labels turn a complex transfer into a sequence: select a frame at 0:02.3, move the URL at 0:04.3, see the app by 0:08.4.
- The payoff becomes a usable workspace, not only a claim: preview at 0:10.1, prompt field at 0:11.7, suggested follow-up at 0:13.5.
Plate 02 / Format card
| Platform · aspect · length | X · 16:9 · 1280×720 · 24 fps · 16.83 s |
| Pace | One continuous motion-design shot; zero hard cuts; four measured major picture changes at 0:02.0, 0:04.0, 0:07.8, 0:11.4 (14.3/min); the panels also evolve within those beats. |
| Script | No spoken words; short on-screen commands and one outcome claim. |
| Voice | None. |
| On screen | Full-frame logo graphics and composited product UI; no people. |
| Captions | No speech captions; large white step headlines near the upper centre. |
| Sound | Silent in the source file: about −70 LUFS integrated, with no identifiable music or effects. |
| Structure | Logo/action hook → select input → transfer → result → continue in the product. No in-video CTA. |
Pro / 13 plates + recipe
The first plates are open. The full dissection is Pro.
Get the timed shots, type and sound specs, and the runnable recipe.
Open the full blueprint- Plate 03 / The hook, frame by frame (first 3 seconds)Pro
- Plate 04 / Structure (beat sheet)Pro
- Plate 05 / Shot grammarPro
- Plate 06 / Visual style guidePro
- Plate 07 / Voice and deliveryPro
- Plate 08 / Sound designPro
- Plate 09 / PackagingPro
- Plate 10 / Script templatePro
- Plate 11 / Production planPro
- Plate 12 / PromptsPro
- Plate 13 / Edit recipePro
- Plate 14 / QA checklistPro
- Plate 15 / Make it yoursPro
- Recipe / runnable promptPro