Startup Launch · Launch Video Breakdown: Hook, Pacing & Motion Design
Today at Config India, we announced new ways of building in Figma → Collab with code on the canvas with Code Layers (open beta) → Shape and share context with Specs (open beta) → Give your agent mo
Scene-by-scene timeline & spoken transcript
The Hook
Code to Canvas Statement
“(No spoken dialogue — upbeat electronic synthesizer percussion track)”
- On screen
- Bring code to the canvas
- Camera
- Static front-facing frame
- Motion
- Text reveal over subtle glowing CSS code matrix background
Product Reveal
Multiplayer Component Canvas
“(No spoken dialogue — ambient upbeat electronic music)”
- On screen
- Pickup App Brendon Bianca Kim Siobhan Yeojin Galaxia
- Camera
- Continuous zoom-out and pans across expanding canvas
- Motion
- Simulated multi-user cursors manipulating live UI components and states
Feature Teaser
Intent & Context Pillar
“(No spoken dialogue — pulsing electronic soundtrack)”
- On screen
- Structure your context. Ship your intent.
- Camera
- Locked center framing
- Motion
- High-contrast clean title card with faded background code
Feature Teaser
AI Spec Generation & Implementation
“(No spoken dialogue — electronic music with UI click sound effects)”
- On screen
- Write a Spec that outlines how we would integrate an interactive map feature into Pickup Improving the Pickup Marketplace Browsing Experience Use this Spec to build an interactive map browsing experience for Pickup.
- Camera
- Targeted focal pans and snaps between chat inputs and generated documents
- Motion
- Simulated typing, document card generation, and drag-and-drop into chat prompt
Feature Teaser
Live Content & CMS Data
“(No spoken dialogue — upbeat tempo)”
- On screen
- Build with real data and content Pickup Marketing Store data and manage users Turn pre-loved finds into sales
- Camera
- Dynamic push-ins on CMS forms and responsive cards
- Motion
- Real-time sync animation between form fields and canvas preview tiles
Feature Teaser
System-Level Library Integration
“(No spoken dialogue — driving electronic beat)”
- On screen
- Connect all your libraries to one system Design Libraries Code Libraries Open-source Repos Guidelines Pickup UI Pickup Brand Pickup Design 4.0
- Camera
- Stepwise zoom and network pan
- Motion
- Card stack fan-out transition into interconnected node-graph hierarchy
Call to Action
Brand Climax
“(No spoken dialogue — musical flourish and resolve)”
- On screen
- Build by design
- Camera
- Rapid zoom-out settling on center screen
- Motion
- Morphing component blocks collapsing into the multi-colored Figma logo
Motion design primitives
Synthesizable in Remotion · key components of the figma-code-canvas-reveal template.
MultiplayerCursorTrail
Colored pointer cursors gliding between UI components with trailing name tags.
+ Code construction recipe
Animate cursor X/Y coordinates using spring physics and interpolate name pill rotation and scale upon click.
CardStackFanOut
Vertical stack of interface cards spreading horizontally into distinct columns.
+ Code construction recipe
Map child indices to spring-driven translateX and staggered opacity values inside an absolute flex container.
NodeGraphConnection
Expanding dotted connection lines linking parent design system nodes to child repositories.
+ Code construction recipe
Animate SVG path strokeDashoffset from 1 to 0 alongside node pop-in scale springs.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Thesis Statement
Purpose. Hook developer and designer audience with the core premise.
Execution. Bold white center text against black code matrix.
- 2
Live Collaboration
Purpose. Demonstrate real-time multiplayer UI assembly.
Execution. Zooming canvas showcasing multiple cursors editing simultaneously.
- 3
Context to Code
Purpose. Demonstrate AI agents executing structured specs.
Execution. Prompting UI directly producing a PRD spec card.
- 4
Unified System
Purpose. Illustrate seamless cohesion between design tokens and code repos.
Execution. Card stack transitions into an interactive node graph.
- 5
Brand Resolve
Purpose. Deliver punchy tagline and iconic logo mark.
Execution. Components collapse into the iconic Figma mark.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch an AI-powered design token manager for mobile teams.How the recipe adapts
Replace pickup app UI with mobile design token palettes, adapt cursors to show engineering and design leads, and morph tokens directly into multi-platform export code blocks.Remix blueprint · figma-code-canvas-reveal
Scene durations (7 scenes, 50s)
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
We just released QVAC TranscribePsy, a speech-to-text model small enough to run inside a phone app. It covers 25 European languages on a laptop and 8 on a phone, and on an iPhone 17 Pro Max's Ne