Figma - Tired: code or canvas Wired: code AND canvas Introducing Claude Code

01 · Product intro · 0:00–0:06

Two men sit at a wooden table with a closed laptop between them in a book-lined room. As they talk, two lower-third tags expand in, each pairing a yellow asterisk icon, a teal name box and a green title box.

On-screen text: “Gui Seiz”, “Design Director”, “Alex Kern”, “Software Engineer”

Techniques: Masking

Camera: Static

02 · Product intro · 0:06–0:09

A bearded man in a black t-shirt sits in a warm study lined with bookshelves, speaking to camera in a locked-off medium close-up. A name and title lower-third holds at the bottom while he talks.

On-screen text: “Gui Seiz”, “Design Director”

Camera: Static

03 · Problem · 0:09–0:13

Two men sit at a wooden table with an open laptop between them. The man in the black T-shirt talks and gestures with both hands while the man in glasses listens. The scene cuts to a close-up of the speaker against a blurred bookshelf.

On-screen text: “T”

Camera: Static

04 · Problem · 0:13–0:16

A bearded man in a black t-shirt sits in a room with blurred bookshelves behind him. He looks down and gestures with his hands, then turns his head to the left to speak.

Camera: Static

05 · Problem · 0:16–0:21

Two men sit at a wooden table with a closed laptop between them in a warm wood-paneled room. The bearded man on the right gestures with both hands as he talks; the man on the left listens with hands clasped. Locked-off medium shot.

On-screen text: “T”

Camera: Static

06 · Problem · 0:21–0:22

A bearded man in a black t-shirt sits in a warm, book-lined room and speaks, gesturing with both hands. Medium close-up with a shallow depth of field, the bookshelves and yellow chairs softly blurred behind him.

Camera: Static

07 · Problem · 0:22–0:33

Medium shot, locked-off: two men at a wooden table in a warm library-like room, a closed MacBook between them. The younger man in glasses and a gray cardigan speaks, gesturing with both hands, while the bearded man in a black tee listens with clasped hands.

Camera: Static

08 · Problem · 0:33–0:35

A young man with round glasses speaks in a warm, book-lined room. The shot cuts to a wider two-shot at a wooden table, where he gestures over an open laptop as a bearded man in a black tee listens.

On-screen text: “T”

Camera: Static

09 · Problem · 0:35–0:41

Two men sit at a wooden table with a closed laptop between them. The man on the left talks and gestures with both hands while the bearded man on the right listens with clasped hands. A static medium shot holds in a warm wood-paneled room with bookshelves, plants and a globe in the background.

On-screen text: “T”

Camera: Static

10 · Problem · 0:41–0:42

A man with rimless glasses, a white tee and a grey cardigan sits in a library-like room with bookshelves and yellow armchairs, speaking to an off-camera interviewer. His head turns slightly to the right as he talks. Static medium close-up, soft focus background.

On-screen text: “T”

Camera: Static

11 · Problem · 0:42–0:48

Two men sit at a wooden table in a book-lined room, a closed silver laptop between them. The man in the gray cardigan talks and gestures with his hands; the man in the black shirt listens, hands clasped. The camera holds a static medium shot.

Camera: Static

12 · Problem · 0:48–0:55

A young man with round glasses and a gray cardigan sits in a softly lit library, speaking while glancing off-camera to the right. Bookshelves and yellow armchairs blur into the background. The camera holds a static medium close-up as he talks.

Camera: Static

13 · Problem · 0:55–0:58

Two men sit at a wooden table in a wood-paneled lounge with bookshelves and plants behind them. The man on the left, in a gray cardigan, gestures as he speaks; the bearded man on the right in a black tee looks at a silver laptop between them. Locked-off shot.

On-screen text: “T”

Camera: Static

14 · Problem · 0:58–1:00

A young man with glasses and a dark cardigan sits in a library-like lounge, speaking while looking off camera; bookshelves and yellow chairs sit blurred behind him. The frame is locked off at medium close-up.

On-screen text: “T”

Camera: Static

15 · Problem · 1:00–1:05

Two men sit at a wooden table behind a closed laptop. The man on the right, in a black t-shirt, talks and gestures; the man on the left, in glasses and a gray cardigan, sits with clasped hands. Both face the camera in a room with bookshelves and plants.

Camera: Static

16 · Problem · 1:05–1:11

A bearded man in a black t-shirt sits in a study lined with bookshelves, talking and gesturing with his hands. The locked-off medium close-up holds steady as he looks down and back up while speaking.

On-screen text: “T”

Camera: Static

17 · Feature reveal · 1:11–1:12

Two men sit at a wooden table with a closed laptop between them in a warm room; the left man speaks to camera while the right man watches him. The shot cuts to a black card holding the white title “Claude Code to Figma”.

On-screen text: “Claude Code to Figma”

Camera: Static

18 · Feature reveal · 1:12–1:14

A white monospace title “Claude Code to Figma” holds centered on black, then the background fades up to a wide shot of two men seated at a wooden table with an open laptop, the title staying fixed.

On-screen text: “Claude Code to Figma”

Camera: Static

19 · Feature reveal · 1:14–1:16

Two men sit at a polished wooden table with an open laptop between them, in a warm office lined with bookshelves and plants. They face the camera and talk, hands clasped on the table, in a static medium shot.

On-screen text: “Claude Code to Figma”

Camera: Static

20 · Feature reveal · 1:16–1:22

A young man with rimless glasses and a gray cardigan sits in a medium close-up, speaking against a blurred background of bookshelves, plants and yellow chairs. He looks slightly off camera and smiles as he talks. The shot is locked off and static.

Camera: Static

21 · Feature reveal · 1:22–1:27

A bearded man in a black t-shirt sits in a warm room lined with bookshelves and yellow armchairs, speaking while glancing down. The shot is a static medium close-up with a shallow depth of field that blurs the background.

Camera: Static

22 · Feature reveal · 1:27–1:31

A dark terminal window types the command “spin up a dev server” at the prompt, then submits it and scrolls to show background process output. A small live-action inset of two men at a laptop sits in the lower right corner.

Techniques: Cursor demo

Camera: Static

23 · Feature reveal · 1:31–1:42

A dark recipe dashboard fills a browser window, showing pantry status cards and a row of food photos. A picture-in-picture video in the corner cuts between two men at a laptop and a single bearded man. The shot opens and closes with a horizontal motion blur.

Camera: Pan

24 · Feature reveal · 1:42–1:45

A dark terminal window on a plain taupe background shows a Claude Code session with a dev server running. The prompt line types out 'send the my pantry page to the figma file' as a small webcam inset of the presenter sits in the lower right.

Techniques: Cursor demo

Camera: Static

25 · Feature reveal · 1:45–1:49

A dark terminal window sits centered on a taupe background, log lines updating as the agent runs npm dev and a Figma command. A small picture-in-picture shows a man, then two men at a laptop. The window blurs and slides left as a second window enters from the right.

Camera: Pan

26 · Feature reveal · 1:49–1:57

A dark pantry app fills a browser window, with a small webcam inset of the hosts in the corner. The view blurs into a Figma canvas showing the same UI as a selected frame, then back, as a dashed outline snaps around the stats bar.

Techniques: Cursor demo

Camera: Pan

27 · Feature reveal · 1:57–2:03

A dark pantry app fills a browser window. A cursor hovers the Eggs card, which gains a dashed blue outline and a code tooltip, while the top bar shifts from selecting an element to sending to Figma. A corner webcam inset shows a man, then two men at a laptop.

Techniques: Cursor demo

Camera: Static

28 · Feature reveal · 2:03–2:14

A dark pantry app design fills a browser canvas, with a corner video of two men at a laptop. A cursor selects the frame and drops a red comment on the cards, then the view reframes to center the design as the corner video cuts to one speaker.

Techniques: Cursor demo, UI zoom

Camera: Static

29 · Feature reveal · 2:14–2:17

A design-tool canvas in a browser window holds dark restaurant-app panels (My Panel, reservation cards) that the cursor moves while the view zooms in and out. A small picture-in-picture clip of the presenter runs in the lower right corner.

Techniques: Cursor demo, UI zoom

Camera: Pull out

30 · Feature reveal · 2:17–2:18

A browser window frames a design canvas holding several dark app mockups of different sizes, each ringed by a colored selection border and marked with size and comment labels. A corner video shows two men at a laptop while a cursor moves between frames.

Techniques: Split screen, Cursor demo

Camera: Static

31 · Feature reveal · 2:18–2:19

A dark My Pantry interface fills a browser window, listing three ingredient cards with status badges. A cursor draws a blue selection box over the list as a Zoom to selection tooltip appears, while a small live-action inset of two men at a laptop sits in the lower right corner.

Techniques: Cursor demo, UI zoom

Camera: Static

32 · Feature reveal · 2:19–2:23

A Figma window fills the frame, its dark canvas showing a pantry app with three food cards. A cursor selects elements as the zoom shifts. A small rounded clip of two men at a laptop sits in the corner, then cuts to them full screen.

Techniques: Cursor demo, UI zoom

Camera: Static

33 · Feature reveal · 2:23–2:26

Two men sit at a wooden table in a book-lined room, a laptop open between them with its lid facing the camera. The bearded man in a black t-shirt gestures with both hands while speaking; the man in glasses and a gray cardigan looks toward the screen. Locked-off medium shot.

Camera: Static

34 · Feature reveal · 2:26–2:31

A design tool canvas holds a two-by-two grid of dark mobile screens on colored tiles. The view zooms into the grid and a cursor drifts across it. A small video call of two men at a laptop stays pinned in the bottom-right corner.

Techniques: UI zoom, Cursor demo

Camera: Pan

35 · Other · 2:31–2:41

Two men sit at a wooden table in a warm, wood-paneled room with bookshelves and plants behind them. The man on the left, in a gray cardigan and glasses, gestures as he speaks, while the bearded man in black listens, occasionally touching his face. A silver laptop sits open between them.

Camera: Static

36 · Other · 2:41–2:50

A young man in round glasses and a gray cardigan sits in a lounge with ochre chairs and a green plant wall, speaking to an off-screen interviewer. His head turns from front to profile and back. The camera holds a static, shallow-focus medium close-up.

On-screen text: “T”

Camera: Static

37 · Other · 2:50–2:56

Two men sit at a wooden table in a warm, book-lined room with a silver laptop open between them. The man on the left gestures with both hands as he speaks, while the bearded man on the right watches the screen. The camera stays locked off throughout.

Camera: Static

38 · Other · 2:56–3:00

A young man with round glasses and a gray cardigan speaks in a medium close-up against a blurred room with green plants and mustard chairs. The shot then cuts to a wider two-shot where he sits across a table from a bearded man beside a small globe.

On-screen text: “T”

Camera: Static

39 · Other · 3:00–3:07

Two men sit at a wooden table with an open laptop between them. The bearded man in black talks and gestures with both hands; the man in glasses and a gray cardigan listens, glancing between screen and speaker. A warm library with bookshelves and plants fills the background.

Camera: Static

40 · Other · 3:07–3:11

A bearded man in a black t-shirt sits in a home study, speaking to an off-screen interviewer. Blurred bookshelves and a yellow armchair fill the background. He looks down, then up, gesturing with one hand as he talks.

Camera: Static

41 · Other · 3:11–3:16

Two men sit at a wooden table with a closed silver laptop between them in a warm room of bookshelves and plants. The left man speaks and gestures, then clasps his hands; the right man turns from watching him to smiling at the camera. Static medium shot.

Camera: Static

42 · Outro · 3:16–3:19

A white Figma wordmark sits in a green selection box with four purple corner handles on black, the frame locked. The wordmark shrinks and collapses from the right into the small multicolored Figma logo, which settles centered on black.

Techniques: Morph

Camera: Static