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 • 3 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Figma profil fotoğrafı
Figma3 ay önce

Learn more and join the waitlist

Deziner profil fotoğrafı
Deziner3 ay önce

...everything should just be code

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

Good to see the changes in Figma. Well done teams

Designer profil fotoğrafı
Designer3 ay önce

Just used it now. Really nice

martini profil fotoğrafı
martini3 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📈📊3 ay önce

Keep up

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

Whoa

Mookie Blaylock profil fotoğrafı
Mookie Blaylock3 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 true3 ay önce

Check my directory, my codes and debugging files are there

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

are we stuck using figmas agent with this?

Benzer Videolar

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,136 görüntüleme • 2 ay ö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,076,512 görüntüleme • 7 ay ö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,506,383 görüntüleme • 3 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

179,966 görüntüleme • 7 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

358,688 görüntüleme • 7 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,493 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

97,538 görüntüleme • 3 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

107,893 görüntüleme • 3 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,221,741 görüntüleme • 3 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 • 5 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,260 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,596 görüntüleme • 1 yıl ö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,333 görüntüleme • 3 ay önce

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.
0:25

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.

Figma

96,537 görüntüleme • 3 ay önce

FIGMA MOTION IS HERE FIGMA MOTION IS HERE FIGMA MOTION IS HERE Live from Config 2026
1:08

FIGMA MOTION IS HERE FIGMA MOTION IS HERE FIGMA MOTION IS HERE Live from Config 2026

Figma

88,570,458 görüntüleme • 3 ay önce

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇
0:32

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇

Min Choi

49,268 görüntüleme • 6 ay önce

Factory can now push what you’re building directly from code into Figma. Take a working prototype from the codebase, send it to a Figma canvas, and let designers and PMs edit components directly.
1:00

Factory can now push what you’re building directly from code into Figma. Take a working prototype from the codebase, send it to a Figma canvas, and let designers and PMs edit components directly.

Factory

29,038 görüntüleme • 6 ay önce

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code
0:29

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

Figma

253,114 görüntüleme • 1 yıl önce

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code
0:40

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code

Figma

67,010 görüntüleme • 1 ay önce