1:21
Introducing Claude Dashboards and Claude Motion
Anthropic · AI · Oct 2026
Explore
What's Figma? [2019]
Figma · Oct 2019 · 1:35 · AI-annotated
00:00:00 / 01:35:01
The video is a rapid-cut montage of flat vector graphics where each state morphs into the next: a scrolling shape field, a tangle of cursor trails, and a shop mockup that reflows to demo one feature at a time. Its signature moves are the continuous leftward scroll of the geometric pattern, the morphing transitions between graphics, and the named multiplayer cursors that thread through every demo, all cut to a fast 160 bpm pulse.
No filming indicatedEstimated needs: 7 capture groups — your screens or recordings · 1 official logo — reused across the film · 22 graphic passages — draw or supply · 1 3D passage — build or supply
More like this
1:08
Introducing Figma Motion: Your canvas now has a timeline
Figma · Design · Jun 2026
1:10
Tech Explainer Video Example: Eccasion EV Platform | Beliv8 Motion Studio
Eccasion · Nov 2026
What's Figma? [2019], scene by scene
· 36 scenes as text
01 · Hook · 0:00–0:05
A flat field of solid geometric shapes, circles, ovals, pills, diamonds, triangles and semicircles in green, orange, yellow, blue, purple and coral on a white ground, fills the frame. The arrangement stays static in form while the view pans steadily to the right, so the pattern scrolls left at a slow, even pace and new shapes enter from the right edge.
Camera: Pan
02 · Hook · 0:05–0:05
Two green line-drawn eye icons, each framed by an open spiral ring, sit at the center of a white canvas tiled with pale gray geometric shapes such as circles, diamonds, triangles and rounded rectangles. Over the short clip the inner eyelid lines of both eyes redraw from a wide open state into a narrower, half-closed curve.
Techniques: Morph
Camera: Static
03 · Hook · 0:05–0:08
Two green outlined eye logos hover side by side in the center, gently bobbing and drifting slowly to the left, while a loose field of light gray circles, rounded bars, diamonds and triangles slides behind them at a different pace. The motion is slow and continuous across the clip.
Techniques: Parallax
Camera: Static
04 · Hook · 0:08–0:10
Concentric yellow and salmon-pink rings expand outward from the center in a ripple as the view pushes in, while a glossy green ring at the middle duplicates and shifts into two overlapping rings.
Techniques: Morph
Camera: Pull out
05 · Hook · 0:10–0:12
A yellow speech bubble at the center of a flat purple field shrinks to a small pink dot while thin white streak lines radiate outward from the middle. Around it, a cluster of colorful word bubbles in orange, pink, blue and purple drift outward and scale, and the word ah! pops into the green bubble at the top.
On-screen text: “100%”, “!!!”, “Amazing”, “yes!”, “great.”, “ah!”
Techniques: Kinetic type
Camera: Push in
06 · Hook · 0:12–0:13
A flat dark violet field fills the frame while thin multicolored lines (pink, blue, orange, purple) streak outward from a central vanishing point, lengthening and spreading into a radial warp burst. The lines stay centered and the camera holds still, so the only motion is the outward rush of the streaks.
Techniques: Particles
Camera: Static
07 · Hook · 0:13–0:14
On a near-black field, thin multicolored lines streak outward from a bright white point at the center in a quick radial burst, while the point expands into a small white circle crossed by a diagonal orbit ring.
Techniques: Particles, Morph
Camera: Static
08 · Problem · 0:14–0:15
A white line-art atomic diagram sits centered on a black background: a circle filled with radial spokes, a bright starburst at its core, and two thin elliptical orbits that rotate around the circle. Dashed horizontal and vertical lines extend outward from the center like crosshairs, holding still while the ellipses turn.
Camera: Static
09 · Problem · 0:15–0:17
A dense grid of flat, multicolored geometric shapes (circles, ovals, triangles, diamonds, rounded bars) on a white background scrolls steadily to the left. Two green line-drawn eye logos sit in the center of the pattern and drift out of frame to the left as the clip ends.
Camera: Pan
10 · Problem · 0:17–0:18
A collage of flat, saturated geometric shapes, circles, semicircles, a diamond and rectangles on a white field, rearranges as each form stretches and slides into a horizontal color bar. The motion is a single fast pass from a scattered grid to stacked strips.
Techniques: Morph
Camera: Pan
11 · Problem · 0:18–0:20
A bundle of colored ribbons in green, yellow, purple, blue, orange and red undulates across a white background, weaving over and under one another in a continuous horizontal wave. The crossings shift as the strands slide left and right, keeping the pattern in constant motion.
Camera: Pan
12 · Problem · 0:20–0:23
On a flat purple background, a yellow vertical SEND button with green text sits on the left and a taller orange SEND button with red text on the right, both sliding up and down. Between them a folder icon bounces vertically in the center, cycling its fill through orange, white and blue.
On-screen text: “SEND”, “SEND”
Camera: Static
13 · Problem · 0:23–0:27
A yellow card fills the frame with four lines of black bold monospace file names, the last one retyped letter by letter with a blinking caret from 3AM_FINAL to 3AM_4REAL!?. It then cuts to a white background where the same lines scramble into question marks, partly hidden behind coral and purple rectangles.
On-screen text: “FINAL_FINAL”, “FINAL_RD99”, “NVM_FINAL_”, “3AM_4REAL!?”, “F?NA??FINAL”, “???AL?F????”, “F?N??E??R?”, “3AM??????L!?”
Techniques: Kinetic type
Camera: Static
14 · Product intro · 0:27–0:30
A locked-off grid of oversized black letters and question marks fills the white frame while flat coral, purple, orange, yellow and blue rectangles slide across the rows, alternately covering and uncovering the characters.
On-screen text: “???AL?F????”, “F?N??E??R?”, “3AM??????L!?”, “??A??M?L?A?”, “F?N?????????”
Camera: Static
15 · Product intro · 0:30–0:30
A full-frame mosaic of flat colored squares (coral, green, blue, purple, yellow, orange, white) shuffles tile by tile, carrying scattered black and white question marks, the letter R and the digit 9 to new positions. The composition stays locked off while the grid scrambles.
On-screen text: “???AL?F????”, “R”, “？”, “9”, “？”
Camera: Static
16 · Product intro · 0:30–0:32
A mosaic of flat, colorful square tiles, several printed with a bold letter or question mark, slides and shuffles across the frame. The grid then tilts into 3D perspective, the tiles gaining beveled cube edges as the pattern keeps rearranging and black tiles join the mix.
On-screen text: “R”, “?”, “9”, “?”
Camera: Static
17 · Product intro · 0:32–0:35
A locked-off 3D tunnel of flat multicolored panels frames a design tool window: black toolbar tiles fly in from the edges and snap together into a browser mockup with a dark toolbar and an empty white canvas. A cursor then appears on the canvas and a short green stroke is drawn near its lower edge.
Techniques: 3D mockup, Cursor demo
Camera: Pull out
18 · Product intro · 0:35–0:36
A black-outlined cursor arrow filled with a soft yellow-to-lavender gradient and a light drop shadow slides in from the lower right, glides toward the middle of the frame, and rotates until it points to the right, then holds still on a plain off-white background.
Camera: Static
19 · Product intro · 0:36–0:37
On a plain white background, a blue ring scales up behind a black cursor arrow filled with a yellow-to-lavender gradient. The arrow holds its position while the ring grows around it, and the whole mark stays centered in a locked-off frame.
On-screen text: “4”
Camera: Static
20 · Feature reveal · 0:37–0:44
A plain white canvas fills the frame as eight named cursors glide in smooth arcs, each leaving a persistent gray curved trail behind it. The trails grow, cross and loop until they form a dense tangle, and the cursors settle at the ends of their paths as the frame locks off.
On-screen text: “Stella”, “Laila”, “Willies”, “Isaac”, “Sunji”, “Matteo”, “Ann”, “Dylan”
Techniques: Cursor demo
Camera: Static
21 · Feature reveal · 0:44–0:47
A tangle of colored strands (green, purple, orange, red, yellow) is knotted at the center of a faint grid, with thin lines radiating outward to small name tags and cursor arrows. The name tags and gray line segments fade away, the strands turn fully colored, and the central knot rotates as the radiating lines bend into gentle curves.
On-screen text: “Willies”, “Isaac”, “Dylan”, “Ann”, “Laila”, “Sunji”, “Stella”, “Matteo”
Techniques: Morph
Camera: Pan
22 · Feature reveal · 0:47–0:48
A flat shop interface mockup reflows on screen: a violet navigation panel with a green starburst mark and a coral menu sits on the left, three illustrated product cards (a green zigzag in a gradient pot, a pink vase with a yellow star bloom, a yellow scalloped pot with a green stem) sit in a row with chevron arrows. The panel rotates from the left edge to a horizontal top bar, the cards recenter, and a violet grid strip with white wireframe line-
On-screen text: “SEARCH”, “NEW ITEMS”, “SHOP”, “CART”, “ACCOUNT”, “SIGN OUT”
Techniques: Morph
Camera: Static
23 · Feature reveal · 0:48–0:49
A split screen stacks a colored shop interface over its white wireframe on a purple grid. The top half holds a purple sidebar with a green starburst mark and a vertical menu, plus three abstract product shapes each above an ADD TO CART button, while the bottom half repeats the same layout in thin outlines; a thin green line tilts in the upper right corner.
Techniques: Split screen
Camera: Pan
24 · Feature reveal · 0:49–0:54
A flat split composition: a purple sidebar menu and white panel of flat vase illustrations over a purple line-art grid on the left, and phone cart mockups, an orange title card, a search field, a profile button and a second phone with a vase on a light lavender field on the right. Blue curved connector lines draw themselves from the left menu items and illustrations to the right components while the search field types out CACTUS and the cart item
On-screen text: “CART (3)”, “TITLE TEXT”, “OPTION | OPTION”, “TYPE SOMETHING”, “CACTUS”
Techniques: Split screen, Cursor demo, Masking
Camera: Pan
25 · Feature reveal · 0:54–0:56
A flat cloud icon with a white checkmark sits centered on a solid coral background. The cloud's fill cycles between light lavender and deep purple, and an orange arc on its top edge fades out as the checkmark sharpens, giving the icon a gentle pulsing sync-complete beat.
Camera: Static
26 · Feature reveal · 0:56–0:56
A purple cloud with a white checkmark sits centered on a coral background, then the frame slides right and a purple panel enters from the left carrying a stacked menu list with SEARCH highlighted in orange, leaving a split of the purple list on the left and the cloud on the coral side.
On-screen text: “SEARCH”, “NEW”, “SHOP”, “CART”, “ACCOUNT”, “SIGN OUT”
Techniques: Split screen
Camera: Pan
27 · Feature reveal · 0:56–0:59
A coral menu list (SEARCH, NEW, SHOP, CART, ACCOUNT, SIGN OUT) sits on a flat blue field as a yellow cursor hovers the lines and a light-blue selection box with corner handles snaps around the block. A yellow Matteo tag drifts in from the lower left, then the word NEW is extended to NEW ITEMS.
On-screen text: “SEARCH”, “NEW”, “SHOP”, “CART”, “ACCOUNT”, “SIGN OUT”, “Matteo”, “ITEMS”
Techniques: Cursor demo, Kinetic type
Camera: Static
28 · Feature reveal · 0:59–1:04
A flat browser-window mockup of a Figma canvas sits on a solid violet background, showing a shop interface with a purple sidebar menu and three illustrated products, each with an ADD TO CART button. Two named collaborator cursors, Matteo in yellow and Ann in pink, drift across the artboard, dropping selection boxes on the green zigzag plant and the yellow asterisk while Ann drags the long green stem; at the end the view pans left and a coral code
On-screen text: “SEARCH”, “NEW ITEMS”, “SHOP”, “CART”, “ACCOUNT”, “SIGN OUT”, “/* Vector */”, “position: absolu”, “left: 0%;”, “right: 0%; top: 0%; bottom: 0%; background: #F”
Techniques: Cursor demo, UI zoom
Camera: Pull out
29 · Feature reveal · 1:04–1:08
A flat browser window on a two-tone purple and coral background shows a design canvas of colorful vector shapes with ADD TO CART buttons on the left and a live code panel on the right. Named cursors drift across both panes, an orange highlight marks a width and height line with a Copy button, and the window zooms into the canvas as the code scrolls to new lines.
On-screen text: “Isaac”, “Matteo”, “/* Vector */ position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; background: #FFFFFF; /* Frame */ position: relative; width: 276.9px; height: 290.2px;”, “Ann”, “Copy”, “height: 1080px; background: #5551FF; border: 3px solid #555”, “Master”
Techniques: Split screen, Cursor demo, UI zoom
Camera: Pull out
30 · Feature reveal · 1:08–1:11
Flat vector scene on a violet background: a blue wireframe globe sits center while two white icon cards, one with a blue and green code glyph and one with a green asterisk, swap sides by orbiting it. The asterisk card grows as it passes in front of the globe at the center, the code card shrinks as it passes behind to the right, and both settle at the edges.
On-screen text: “<1>”, “米”
Techniques: Parallax
Camera: Static
31 · Feature reveal · 1:11–1:14
A flat comment-thread mockup sits centered on a green background, with a coral-bordered card showing Ann's avatar and the message 'It's all done!' above a blue-bordered card showing Issac's avatar, a Post button and 'Looking great!'. Yellow emphasis lines flash out from the sides of the mockup in the first half-second as the cards settle, then the frame holds and the mockup drifts a few pixels upward.
On-screen text: “Ann”, “It's all done!”, “Issac”, “Post”, “Looking great!”
Camera: Static
32 · Feature reveal · 1:14–1:19
A browser window mockup on a green field shows a shop canvas with abstract plant shapes and name tags; a blue sidebar rotates open in 3D and flattens into a lavender menu column. A comment bubble pops in over the yellow flower, its text switching from 'It's all done!' to 'Looking great!' as the whole window eases slightly smaller at the end.
On-screen text: “Ann”, “Post”, “It's all done!”, “Looking great!”
Techniques: 3D mockup
Camera: Push in
33 · CTA · 1:19–1:22
A flat blue map pin with a small white dot sits centered over thick orange rays radiating on a light gray field. A white checkmark draws itself inside the pin while the whole mark eases slightly smaller.
Camera: Push in
34 · CTA · 1:22–1:26
A flat browser window on a green background shows a design-tool canvas: a purple sidebar with a green starburst logo and an orange menu list, and a page of abstract shapes (green zigzag, pink vase with a check balloon, yellow scallop) each tagged with a name pill and a small triangle cursor. The layout starts with a ghost copy offset to the left, snaps into a clean grid, then the whole mockup slowly scales down inside the window.
On-screen text: “SEARCH”, “NEW ITEMS”, “SHOP”, “CART”, “ACCOUNT”, “SIGN OUT”, “Matteo”, “Isaac”, “Stella”, “Sunji Ann ADD TO CART”
Camera: Pull out
35 · CTA · 1:26–1:33
A flat browser window on a green background holds a grid of colorful design tiles, and the view zooms out from a close-up of one row to reveal the full gallery of type specimens, icons, color swatches and arrows. Several multiplayer cursors sit parked on different tiles as the grid settles into place.
On-screen text: “New!”, “R1 R2 R3”, “THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG”, “AZNG XBR→”, “NEW ITEMS”, “SEARCH NEW ITEMS SHOP CART (3) ACCOUNT”, “Sign Up”
Techniques: UI zoom
Camera: Pull out
36 · Outro · 1:33–1:35
The black Figma wordmark sits centered on a plain off-white background. It slides in horizontally with a brief blur on the left letters, then settles into a locked, static position.
On-screen text: “Figma”
Techniques: Kinetic type
Camera: Static