正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Figma

574,870 subscribers

95,251 次观看 • 3 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

10 条评论

Figma 的头像

Figma3 个月前

Learn more and join the waitlist

Deziner 的头像

Deziner3 个月前

...everything should just be code

Sofiyat Lawal | Product Designer 的头像

Sofiyat Lawal | Product Designer3 个月前

Good to see the changes in Figma. Well done teams

Designer 的头像

Designer3 个月前

Just used it now. Really nice

martini 的头像

martini3 个月前

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📈📊 的头像

Mr. A📈📊3 个月前

Keep up

Irfan Adam M 的头像

Irfan Adam M3 个月前

Whoa

Mookie Blaylock 的头像

Mookie Blaylock3 个月前

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 的头像

Bstar00; return true3 个月前

Check my directory, my codes and debugging files are there

ᝰaȶȶ 的头像

ᝰaȶȶ3 个月前

are we stuck using figmas agent with this?

相关视频

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

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 次观看 • 2 个月前

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

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

Figma

3,076,512 次观看 • 7 个月前

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

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

Figma

77,506,383 次观看 • 3 个月前

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

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

Figma

179,966 次观看 • 7 个月前

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

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

Figma

358,688 次观看 • 7 个月前

Breaking down code layers

Breaking down code layers

Figma

47,306 次观看 • 1 年前

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

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 次观看 • 1 年前

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.

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 次观看 • 3 个月前

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

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

Figma

107,893 次观看 • 3 个月前

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

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

Figma

96,221,741 次观看 • 3 个月前

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.

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 次观看 • 5 个月前

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.

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 次观看 • 3 年前

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

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

Figma

14,425,596 次观看 • 1 年前

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

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

Figma

113,333 次观看 • 3 个月前

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.

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 次观看 • 3 个月前

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

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

Figma

88,570,458 次观看 • 3 个月前

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

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

Min Choi

49,268 次观看 • 6 个月前

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 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 次观看 • 6 个月前

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

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 次观看 • 1 年前

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

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

Figma

67,010 次观看 • 1 个月前