Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Live from Config: Meet Code Layers, bringing the full power of code directly onto the Figma canvas

figma's profile picture

Figma

574,870 subscribers

95,251 görüntüleme • 4 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Figma profil fotoğrafı
Figma4 ay önce

Learn more and join the waitlist

Deziner profil fotoğrafı
Deziner4 ay önce

...everything should just be code

Sofiyat Lawal | Product Designer profil fotoğrafı
Sofiyat Lawal | Product Designer4 ay önce

Good to see the changes in Figma. Well done teams

Designer profil fotoğrafı
Designer4 ay önce

Just used it now. Really nice

martini profil fotoğrafı
martini4 ay önce

Nice! Will it render my code base correctly like a browser and will it really be a visual interface to change my code? Most tools try to interpret and mess up after editing visually within code.

Mr. A📈📊 profil fotoğrafı
Mr. A📈📊4 ay önce

Keep up

Irfan Adam M profil fotoğrafı
Irfan Adam M4 ay önce

Whoa

Mookie Blaylock profil fotoğrafı
Mookie Blaylock4 ay önce

Will these code layers run in the Figma mobile app? Will you also be able to prompt/edit from the mobile app? It's strange that these features are so desktop-centric while almost every demo is a mobile design

Bstar00; return true profil fotoğrafı
Bstar00; return true4 ay önce

Check my directory, my codes and debugging files are there

ᝰaȶȶ profil fotoğrafı
ᝰaȶȶ4 ay önce

are we stuck using figmas agent with this?

Benzer Videolar

Together at last: design and code on the canvas Code Layers are here, now in open beta Live from Config India
0:34

Together at last: design and code on the canvas Code Layers are here, now in open beta Live from Config India

Figma

6,752,442 görüntüleme • 26 gün önce

Wake up babe the Figma Chrome extension can now capture your website code and bring into Figma as a code layer Live from Config India
0:31

Wake up babe the Figma Chrome extension can now capture your website code and bring into Figma as a code layer Live from Config India

Figma

7,966,936 görüntüleme • 26 gün önce

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension
4:05

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension

Figma

42,679 görüntüleme • 3 ay önce

We’re bringing the power of Payload into Figma → Create, build, ship with real data and content now in Figma Make Live from Config India
0:39

We’re bringing the power of Payload into Figma → Create, build, ship with real data and content now in Figma Make Live from Config India

Figma

5,438,596 görüntüleme • 26 gün önce

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 more design system context with Guidelines (open beta) and Code Sources (closed beta) → Ship websites with Payload (rolling out in the coming weeks)
0:50

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 more design system context with Guidelines (open beta) and Code Sources (closed beta) → Ship websites with Payload (rolling out in the coming weeks)

Figma

7,228,278 görüntüleme • 26 gün önce

Tired: code or canvas Wired: code AND canvas Introducing Claude Code to Figma
3:19

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

Figma

3,078,904 görüntüleme • 8 ay önce

Now teams can explore and build code-backed prototypes on the canvas with Code Layers, now in open beta 0:00 Intro 0:43 Starting from code 2:26 Explore code concepts on the canvas 3:57 Edit in both code and design 6:36 Merge ideas together
8:18

Now teams can explore and build code-backed prototypes on the canvas with Code Layers, now in open beta 0:00 Intro 0:43 Starting from code 2:26 Explore code concepts on the canvas 3:57 Edit in both code and design 6:36 Merge ideas together

Figma

3,614,717 görüntüleme • 26 gün önce

20+ Figma Weave tools are now in your design canvas Live from Config 2026
0:55

20+ Figma Weave tools are now in your design canvas Live from Config 2026

Figma

77,509,970 görüntüleme • 4 ay önce

Introducing Codex to Figma: Roundtrip between code and canvas through the Figma MCP server
0:36

Introducing Codex to Figma: Roundtrip between code and canvas through the Figma MCP server

Figma

180,417 görüntüleme • 8 ay önce

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma
0:29

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma

Figma

359,660 görüntüleme • 8 ay önce

Breaking down code layers
13:58

Breaking down code layers

Figma

47,306 görüntüleme • 1 yıl önce

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI
0:31

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI

Figma

169,541 görüntüleme • 1 yıl önce

For years, the design industry has talked about "design vs code" And tools (including Figma!) have forced a choice. But this is a false debate. Code isn't the opposite of design. Code is a material for design. So we're bringing code to the Figma canvas with Code Layers.
0:20

For years, the design industry has talked about "design vs code" And tools (including Figma!) have forced a choice. But this is a false debate. Code isn't the opposite of design. Code is a material for design. So we're bringing code to the Figma canvas with Code Layers.

Dylan Field

98,150 görüntüleme • 4 ay önce

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas
0:35

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas

Figma

108,744 görüntüleme • 5 ay önce

Create the shader and visual effects of your dreams in Figma Live from Config 2026
0:50

Create the shader and visual effects of your dreams in Figma Live from Config 2026

Figma

96,225,016 görüntüleme • 4 ay önce

Attachment issues (resolved) You can attach 30+ file types (docs, data, media, and code) directly in Make, so you can move beyond placeholders and design with real inputs from code to canvas.
0:31

Attachment issues (resolved) You can attach 30+ file types (docs, data, media, and code) directly in Make, so you can move beyond placeholders and design with real inputs from code to canvas.

Figma

35,403 görüntüleme • 7 ay önce

The FULL Config agenda is live 🥳 With talks ranging from AI to design systems, prototyping to code, there's something for the whole product team. Plus, we’ve added new speakers. Start planning out your day and register.
0:28

The FULL Config agenda is live 🥳 With talks ranging from AI to design systems, prototyping to code, there's something for the whole product team. Plus, we’ve added new speakers. Start planning out your day and register.

Figma

384,291 görüntüleme • 3 yıl önce

Code layers (coming soon) demo with Niko → #Config2025
8:36

Code layers (coming soon) demo with Niko → #Config2025

Figma

14,425,705 görüntüleme • 1 yıl önce

Build out complex flows in Code Layers with the help of prototype noodles. Now available to everyone.
0:29

Build out complex flows in Code Layers with the help of prototype noodles. Now available to everyone.

Figma

46,782 görüntüleme • 7 gün önce

Figma Motion: design AND animate in the same file Live from Config 2026
17:31

Figma Motion: design AND animate in the same file Live from Config 2026

Figma

113,560 görüntüleme • 4 ay önce