Scene-by-scene timeline & spoken transcript
The Hook
Entering Spec Mode
“(No spoken dialogue — upbeat electronic background beat with UI click sound)”
- On screen
- Spec
- Camera
- Centered static macro view
- Motion
- Cursor hover and click trigger
Feature Teaser
PRD Canvas & Hex Integration
“(No spoken dialogue — continuous synth track)”
- On screen
- PRD: Bundled delivery at checkout Galaxia Brendon Pull data from Hex into this table
- Camera
- Zoom cut into table cell selection
- Motion
- Multiplayer cursor motion and inline AI action prompt
Feature Teaser
Rich Media Insertion
“(No spoken dialogue — synth rhythm continues)”
- On screen
- Improvements to the checkout experience user_flow.png
- Camera
- Centered framing on document section
- Motion
- Asset drop and inline handle resizing
Product Reveal
Commenting and Block Reordering
“(No spoken dialogue — rhythmic music)”
- On screen
- Proposed tracking framework @Brendon Gonna move this code section to the end.
- Camera
- Smooth vertical tracking alongside dragged block
- Motion
- Inline mention flyout and drag-and-drop hierarchy snap
Product Reveal
Multiplayer Canvas Integration
“(No spoken dialogue — upbeat electronic music)”
- On screen
- Pickup App Map theme version 2.1 Brendon Yeojin Let's build this one
- Camera
- Wide canvas zoom showing UI boards and spec side-by-side
- Motion
- Multi-cursor navigation and spatial chat bubble
Feature Teaser
AI Implementation Plan to Agent
“(No spoken dialogue — building beat and send sound)”
- On screen
- Create an implementation plan for this bundling feature Bundled delivery implementation Use this Spec to add a bundled delivery feature at checkout
- Camera
- Cut between prompt input, generated doc, and dev agent panel
- Motion
- Card generation preview and tokenized mention injection
Call to Action
Brand Tagline and Logo Resolve
“(No spoken dialogue — synth outro resolve)”
- On screen
- Structure your context. Ship your intent.
- Camera
- Static centered typographic reveal
- Motion
- Clean text snap followed by animated code glyphs coalescing into Figma logo
Motion design primitives
Synthesizable in Remotion · key components of the figma-spec-canvas-launch template.
MultiplayerCursorTrack
Simulates smooth Bezier cursor trails with floating username pills and trailing click ripples.
+ Code construction recipe
Use Remotion interpolate on 2D coordinates across keyframes; render cursor SVG with pill badge styled with Spring physics.
InlineBlockReorder
Picks up a selected markdown block with drop shadow and snaps adjacent blocks downward.
+ Code construction recipe
Translate Y position of picked element via drag delta, applying spring-based layout shift to target siblings.
TokenizedPromptInput
Simulates text typing into a floating modal with nested icon badges and a spring-activated submit button.
+ Code construction recipe
Increment character count using frame index; render chip subcomponents when trigger keyword matches.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Entry
Purpose. Establish Spec doc mode from a simple click.
Execution. Macro pill button click transitioning into document canvas.
- 2
Authoring & Enrichment
Purpose. Showcase multimodal data integration.
Execution. Table auto-fill from Hex and diagram drop-in.
- 3
Collaboration & Iteration
Purpose. Highlight team multiplayer agility.
Execution. Comments, section dragging, and canvas cursor interactions.
- 4
Hand-off to Code
Purpose. Bridge visual design specs directly to coding agent.
Execution. Implementation plan prompt feed into developer agent input.
- 5
Resolution
Purpose. Deliver high-impact value proposition.
Execution. Typographic thesis line and Figma logo resolve.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Product launch video for an AI-native API documentation platform.How the recipe adapts
Replace the PRD canvas with interactive OpenAPI endpoints, multiplayer review comments, auto-generated SDK snippets, and export to dev environments.Remix blueprint · figma-spec-canvas-launch
Scene durations (7 scenes, 40s)
Key Remotion components
Related AI & ML Product Launches
Explore all AI & ML launches →
Introducing Griffin, the first AI to pass the video Turing test
The most emotive and controllable TTS model
Always-on agents built to handle everything