Replit · Developer tools · Sep 2025
Figma - We shared a sneak peek of a new dedicated place to bring all the piec
Figma · Oct 2026 · 0:23 · AI-annotated
- Length
- 0:23
- Scenes
- 16 · 1.5 s avg
- Product on screen
- 0:06
- Features shown
- 1
- Voiceover
- No
Figma’s 0:23 launch film runs 16 scenes, about 1.5 s each. The product shows up at 0:06 and 1 feature is revealed. There is no explicit call to action. Built on a black canvas with hard cuts near 129 bpm, the video alternates bold gradient-to-white headlines with flat UI panels that slide in from the right and snap into alignment. Signature moves are word-by-word headline builds, panels settling on a dotted grid, a cursor-driven toggle demo, and a closing token montage that collapses into the logo.
Is this your launch? to your site or press kit.
More like this
Airtable · Productivity · Oct 2026
Sonos · Hardware · Apr 2023
Figma - We shared a sneak peek of a new dedicated place to bring all the piec, scene by scene
· 16 scenes as text
01 · Hook · 0:00–0:01
A black frame holds a centered two-line headline. The top line starts in a yellow-green gradient, shifts to white, and a second white line fades in beneath it.
On-screen text: “Connect all your libraries”, “to one system”
Camera: Static
02 · Problem · 0:01–0:02
On a black frame, the headline builds word by word at left while a flat light-blue panel of labeled UI components, dashed boxes, pill buttons and icons, drifts across the right. A dark rounded tag reading new furniture slides in along the bottom edge.
On-screen text: “Design Libraries”, “new furniture”
Techniques: Kinetic type
Camera: Static
03 · Problem · 0:02–0:03
On a black background the white headline Code Libraries builds word by word on the left, while a purple code editor and a light-blue Button preview panel slide in from the right.
On-screen text: “Code Libraries”
Techniques: Kinetic type
Camera: Static
04 · Problem · 0:03–0:04
The headline “Open-source Repos” holds on the left as “Open-source” eases from yellow to white. On the right, three vertical panels, an icon grid, a code snippet and a design canvas, slide in from the right edge and settle, their titles snapping into alignment.
On-screen text: “Open-source”, “Repos”
Camera: Static
05 · Problem · 0:04–0:06
On a black background, the white word Guidelines sits at left while four vertical cards, gray, yellow, purple and light blue, slide in from the right showing a file list, an icon grid, a code block and a button. The headline fades as the cards settle into a row.
On-screen text: “Guidelines”
Camera: Static
06 · Product intro · 0:06–0:08
A flat grid of white UI cards labeled Library and Code sits on a light dotted background. Each card holds a small icon, a name and a count, and a purple PICKUP badge scales gently in place.
Camera: Push in
07 · Demo · 0:08–0:10
On a dotted canvas, a node graph of component cards fades in, linked by thin lines. The frame then pulls back: the smaller cards shrink into a system map panel and the main card lifts into a floating card over the full product interface.
Techniques: UI zoom
Camera: Pull out
08 · Demo · 0:10–0:11
A flat product dashboard sits on a green felt backdrop. The interface resolves from a doubled, ghosted overlay into a crisp, settled layout, with the sidebar, search bar, system map, and issue cards snapping into place.
Camera: Static
09 · Feature reveal · 0:11–0:12
The headline “Keep everyone in sync” holds centered on a black background, its color fading from gold to white over the shot.
On-screen text: “Keep everyone in sync”
Camera: Static
10 · Feature reveal · 0:12–0:14
A white panel of prompt rows sits left of a flat blue field. A black cursor glides down to the book icon and clicks it, popping open a Design systems modal showing a Pickup Design 4.0 row with a toggle.
Techniques: Cursor demo
Camera: Static
11 · Feature reveal · 0:14–0:15
A design-systems modal shows the Pickup Design 4.0 row with a preview thumbnail over a dimmed app screen. The cursor glides to the row's toggle and clicks it, flipping the switch from gray to blue.
Techniques: Cursor demo
Camera: Pan
12 · Feature reveal · 0:15–0:18
Three marketplace interface panels stand side by side on a pale blue field. They start as thin purple wireframe outlines, then fill with color, photos and product listings. The panels then slide left to swap in new banners and items.
Techniques: Split screen
Camera: Pan
13 · Feature reveal · 0:18–0:18
A horizontal pan glides across a layered layout of the marketplace app: a white card view with a furniture banner and product listings sits in front of two map views dotted with priced item pins. The front card and back maps drift at different speeds.
Techniques: Parallax
Camera: Pan
14 · Outro · 0:18–0:19
Flat abstract shapes animate on black. A stack of white, blue and magenta circles plus a cyan box with a two-way arrow fly apart into a red AWS block, a checkered square with a magenta arrow circle and white arrow pill, and a row of colored dots.
Camera: Static
15 · Outro · 0:19–0:21
A red-and-white 'Aa' block cascades vertically on the left of a black frame, while a dashed box on the right cycles three pill buttons from arrows to diamond markers, and a row of color swatches with hex codes slides along the bottom in a quick loop.
Camera: Static
16 · Outro · 0:21–0:23
A red and white Aa tile, an orange circle in a square outline, and purple, blue and green dots sit on black. The cluster shrinks and the shapes merge into a small abstract logo of stacked colored forms, centered in the frame.
Techniques: Morph
Camera: Static







