Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Figma

579,773 subscribers

45,317 views • 3 days ago •via X (Twitter)

Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

8 Comments

Hershal Rao3 days ago

Can’t wait to turn my prototype into a bowl of absolute spaghetti. 🍝

Onokerhi Akpofurere-Jivi2 days ago

Sure it's available to everyone or subscribers only 🤷🏿‍♂️

Bryce Driesenga2 days ago

Nice. Please give Figma Agent some better skills to use classic Figma prototype tools

Eamin2 days ago

Figma keeps getting better

IronRed | SandHive2 days ago

I added a workflow where an agent can verify a prototype‑noodle change by hypothesizing an attack, checking prerequisites, and running a quick local test; the code lives at

moon3 days ago

cool ✨

bitan paul2 days ago

the learning curve keeps growing

Imran Hossen2 days ago

nice work

Related Videos

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

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 views • 22 days ago

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,541 views • 1 year ago

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,679 views • 3 months ago

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

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

Figma

6,740,846 views • 22 days ago

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)

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,227,098 views • 22 days ago

Couple updates from Shader Town: You can now → Render and export in 4k → Export into Code Layers Rolling out this week

Couple updates from Shader Town: You can now → Render and export in 4k → Export into Code Layers Rolling out this week

Figma

21,747 views • 4 days ago

ICYMI, we brought the power of Payload to Figma so you can now ship websites with a built-in backend in Figma Make Oh and it’s now available to everyone today (!)

ICYMI, we brought the power of Payload to Figma so you can now ship websites with a built-in backend in Figma Make Oh and it’s now available to everyone today (!)

Figma

25,638 views • 14 days ago

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments

Figma

136,143 views • 7 months ago

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

97,103 views • 4 months ago

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

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

Figma

95,251 views • 4 months ago

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

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

Figma

14,425,690 views • 1 year ago

Don’t name your layers. Let Figma AI do that AND → Make your first draft with Make Design → Find the exact visual you’re looking for (or something similar) with Visual/Asset Search → Turn your designs into a working prototype with Make Prototype #Config2024

Don’t name your layers. Let Figma AI do that AND → Make your first draft with Make Design → Find the exact visual you’re looking for (or something similar) with Visual/Asset Search → Turn your designs into a working prototype with Make Prototype #Config2024

Figma

813,524 views • 2 years ago

Government teams, now with more design resources Figma Make is now available on our Gov plan: → prototype faster → collaborate securely → modernize public services

Government teams, now with more design resources Figma Make is now available on our Gov plan: → prototype faster → collaborate securely → modernize public services

Figma

433,786 views • 11 months ago

🚀GSAP is now FREE for EVERYONE 🥳 I want to help EVERYONE learn the world's most powerful, flexible, and open JS animation platform. Get lifetime access to hundreds of tutorials for $49. 💚 PPP discounts available in select countries. Learn the techniques the pros use to build animation sequences like this with easy-to-write code👇

🚀GSAP is now FREE for EVERYONE 🥳 I want to help EVERYONE learn the world's most powerful, flexible, and open JS animation platform. Get lifetime access to hundreds of tutorials for $49. 💚 PPP discounts available in select countries. Learn the techniques the pros use to build animation sequences like this with easy-to-write code👇

Carl 💥 Creative Coding Club

272,091 views • 1 year ago

Breaking down code layers

Breaking down code layers

Figma

47,306 views • 1 year ago

There’s no way you caught everything. Here’s what we launched at #Config2024 → UI3, a redesigned Figma → Figma AI (Make Design, Make Prototype, Visual Search, Replace Content, Rename Layers) → Figma Slides → Dev Mode updates (Ready for Dev View, Focus View, More Statuses) → Code Connect is out of beta (!!) → Auto Layout improvements → Responsive Prototyping Viewer → FigJam Pages

There’s no way you caught everything. Here’s what we launched at #Config2024 → UI3, a redesigned Figma → Figma AI (Make Design, Make Prototype, Visual Search, Replace Content, Rename Layers) → Figma Slides → Dev Mode updates (Ready for Dev View, Focus View, More Statuses) → Code Connect is out of beta (!!) → Auto Layout improvements → Responsive Prototyping Viewer → FigJam Pages

Figma

998,128 views • 2 years ago

New capabilities coming to Figma Make (Rolling out now in our Beta desktop app) → Bring your codebase to Make → Edit code with precise changes → Branch, commit, ship

New capabilities coming to Figma Make (Rolling out now in our Beta desktop app) → Bring your codebase to Make → Edit code with precise changes → Branch, commit, ship

Figma

106,243 views • 5 months ago

All hands on deck. Figma Slides is now available to everyone

All hands on deck. Figma Slides is now available to everyone

Figma

610,036 views • 1 year ago

Introducing Adapt, your company’s AI computer. Now available to everyone. → Ask questions across every system → Build internal apps with live data → Automate mundane to complex tasks → Multi-player by design

Introducing Adapt, your company’s AI computer. Now available to everyone. → Ask questions across every system → Build internal apps with live data → Automate mundane to complex tasks → Multi-player by design

Adapt

8,077,209 views • 6 months ago

The GitHub Copilot app is now generally available. Hand off from agent powered flows in the app to full coding in Visual Studio Code without losing context or the conversation. 🔗 Learn more:

The GitHub Copilot app is now generally available. Hand off from agent powered flows in the app to full coding in Visual Studio Code without losing context or the conversation. 🔗 Learn more:

Visual Studio Code

65,703 views • 4 months ago