Skip to content
refs
REF-1187Source onlineBlueprint rev 01

From design prompt to working prototype

A two-voice customer film pairs a human-centered thesis with real interface proof and a rapid gallery of working creations.

Maker ClaudeFor Figma Make / ClaudeOriginal post ↗
Cut timeline · 31 shots01:17
00:0000:1000:2000:3000:4000:5001:0001:10

Field notes / why it works

A 5.13-second opening interview establishes a human reason to care before the first UI reveal at 0:07, the video’s strongest replay point. Interview claims are backed by code and screens at 0:24–0:32, then a prompt becomes a working clock by 0:45. A faster example gallery from 0:55–1:09 widens the promise before a quiet five-second partner lockup.

01

Plate 01 / The format in one breath

A polished, 77-second partner story begins with a human value statement at 0:00, then shows an AI-assisted design tool translating ideas into working interfaces. Two people explain the emotional and technical value while product screens and vivid examples make the promise visible; a joint logo card closes it.

Why it works

  • The opening gives design a human stake before naming the software; the first interview holds for 5.13 seconds with no cut, then a new speaker and UI arrive by 0:07.
  • A spoken technical claim at 0:17–0:32 is paired with interface and code, so the film supplies evidence beyond testimonials.
  • At 0:36–0:49, an admission of limited coding skill leads straight into a prompt, a generated clock and a usable result. The replay peak at 0:50.8–0:51.6 follows that example.
02

Plate 02 / Format card

Reference
Platform · aspect · lengthYouTube · 16:9 · 77.0 s · measured file 640×360, 23.98 fps
Pace31 shots; 30 cuts, 23.4 cuts/min; 7 internal changes, 28.8 picture changes/min; mean shot 2.48 s, median 1.88 s
Script239 spoken words; 200 wpm overall, 223 wpm while talking; 12 sentences, about 20 words each; no questions
VoiceTwo interview archetypes: thoughtful design lead, then grounded technical/product lead; quick but measured
On screenAbout one third interviews, two fifths UI/design examples, remainder workspace and hands B-roll plus end card (estimated from sheets)
CaptionsNo burned speech captions; small speaker lower thirds, native UI text and a large serif thumbnail headline
SoundContinuous subdued tonal bed, about −22 dBFS between words; no clear cut effects; −16 LUFS integrated, −2 dBFS true peak
StructureHuman thesis → partnership → technical proof → accessibility/demo → creations/benefit → partner lockup. No spoken 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
  1. Plate 03 / The hook, frame by frame (first 3 seconds)Pro
  2. Plate 04 / Structure (beat sheet)Pro
  3. Plate 05 / Shot grammarPro
  4. Plate 06 / Visual style guidePro
  5. Plate 07 / Voice and deliveryPro
  6. Plate 08 / Sound designPro
  7. Plate 09 / PackagingPro
  8. Plate 10 / Script templatePro
  9. Plate 11 / Production planPro
  10. Plate 12 / PromptsPro
  11. Plate 13 / Edit recipePro
  12. Plate 14 / QA checklistPro
  13. Plate 15 / Make it yoursPro
  14. Recipe / runnable promptPro