Scene-by-scene timeline & spoken transcript
The Hook
Foldable Device Prototype Teaser
“(No spoken dialogue — energetic instrumental hip-hop beat with rhythmic vocal chops and synth samples)”
- On screen
- iPhone Duo, Closed - 1 Find things to do... For You Yoga Surfing Biking Meditation Weekend Surf Session Morning Run Meetup Horseback in Topanga
- Camera
- Static screen capture with animated cursor dragging interface elements inside Figma canvas
- Motion
- Interactive device mockup manipulation with active spring dragging
Feature Teaser
Selecting the Duo Preset
“(No spoken dialogue — instrumental beat continues with drum fills)”
- On screen
- Frame iPhone Duo, Closed 466 x 678 iPhone Duo, Open 890 x 626 iPhone 18 Pro iPhone 18 Pro Max
- Camera
- Rapid zoom-in to Figma toolbar and inspector dropdown menu
- Motion
- UI dropdown interaction and frame instantiation
Problem Agitation
Multi-State Canvas Layout
“(No spoken dialogue — upbeat percussive groove)”
- On screen
- iPhone Duo, Open - 1 466 x 678 890 x 626 Extract designs Open code editor
- Camera
- Zoomed canvas view tracking frame duplication and rearrangement
- Motion
- Direct canvas manipulation, component duplication, and responsive snapping
Product Reveal
Closed Screen Interaction
“(No spoken dialogue — rhythm builds with vocal accents)”
- On screen
- iPhone Duo, Closed - Code layer Find things to do... Weekend Surf Session Morning Run Meetup
- Camera
- Smooth zoom into standalone device mockup frame with subtle 3D bevel
- Motion
- Interactive mobile cursor taps triggering state transitions and bottom pill selections
Product Reveal
Code-Driven Unfolding Transition
“(No spoken dialogue — dynamic beat peak with syncopated rhythms)”
- On screen
- when on wide orientation, make the map occupy 50% width and the items 50%... Preview settings Device iPhone Duo, Open Sunrise Yoga Flow Canyon Cycling Club
- Camera
- Split layout showing prompt console on left, expanding into full unfolded horizontal device mockup
- Motion
- Dynamic aspect-ratio morphing from narrow folded display to dual-screen widescreen layout with synchronized split-view UI
Call to Action
Typography Manifesto & Logo Resolve
“(No spoken dialogue — beat resolves into final melodic outro chords)”
- On screen
- iPhone Duo now everywhere you design and prototype
- Camera
- Locked center framing on dark canvas
- Motion
- Kinetic text switch with inline color accents transitioning into animated geometric Figma logo assembly
Motion design primitives
Synthesizable in Remotion · key components of the figma-device-preset-reveal template.
DeviceAspectMorpher
Smoothly interpolates device bezel width and canvas container from 466px to 890px width with responsive internal flex reallocation.
+ Code construction recipe
Use spring interpolation driving width, borderRadius, and grid-template-columns across sequence frames using Remotion interpolate and spring.
KineticInlineWordSwap
Text line holds while specific trailing terms slide vertically out as new terms snap into place with colored highlights.
+ Code construction recipe
Wrap target words in an overflow-hidden inline container and translate words on the Y-axis using spring physics keyed to scene beats.
GeometricLogoAssemble
Multiple colored rounded squares and circles scatter in a matrix grid before converging into the stacked 5-part Figma brandmark.
+ Code construction recipe
Map an array of SVG primitives with spring-driven x, y, scale, and opacity values collapsing onto coordinate anchor points.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Hook & Frictionless Selection
Purpose. Demonstrate instant access to emerging hardware form factors inside standard canvas tools.
Execution. Fast zoom-ins on device presets and drag-and-drop canvas layout creation.
- 2
Responsive Unfold Demo
Purpose. Showcase seamless code-to-design parity when targeting foldable dual-screen hardware.
Execution. Side-by-side prompt instruction leading to an expanding physical device viewport.
- 3
Brand Affirmation
Purpose. Position Figma as the ubiquitous tool across every modern form factor.
Execution. Bold minimal typographic slogan resolving into the iconic five-element brand logo.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch video for Android Tri-Fold Figma community UI kits.How the recipe adapts
Replaces the Duo preset with a 3-panel unfolding sequence, updating code prompts to target triple-pane layout queries and concluding with the community creator badge.Remix blueprint · figma-device-preset-reveal
Scene durations (5 scenes, 29s)
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