Loading video...

Video Failed to Load

Go Home

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's profile picture

Figma

570,037 subscribers

39,158 views • 8 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇
0:36

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇

Anima

1,228,356 views • 3 months ago

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code
0:30

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

398,536 views • 1 month ago

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

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

Figma

92,839 views • 1 month ago

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

96,314 views • 1 month ago

Introducing Figma export in MagicPath. Design and build with our native agent, or your favorite external one (Codex, Claude Code, etc.). Explore tons of different directions, then bring your work into Figma as fully editable designs. As simple as a copy-paste.
0:21

Introducing Figma export in MagicPath. Design and build with our native agent, or your favorite external one (Codex, Claude Code, etc.). Explore tons of different directions, then bring your work into Figma as fully editable designs. As simple as a copy-paste.

Pietro Schirano

42,132 views • 1 month 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
0:58

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

812,726 views • 2 years ago

There's a free bookmarklet that pastes any website into Figma as editable layers. It replaced a paid tool! ($18/m) it has zero dependency on AI, it runs in your browser and copies any webpage straight to your clipboard as Figma layers using figma mcp.
0:47

There's a free bookmarklet that pastes any website into Figma as editable layers. It replaced a paid tool! ($18/m) it has zero dependency on AI, it runs in your browser and copies any webpage straight to your clipboard as Figma layers using figma mcp.

Nick

102,545 views • 4 months ago

Friends don’t let friends paste screenshots! ☝️ 🚀 Copy Design from Figma Make is out! 🚀 Watch Holly demo how you can get design layers out of Make — to riff, jam and collaborate! — This is just the start!
1:28

Friends don’t let friends paste screenshots! ☝️ 🚀 Copy Design from Figma Make is out! 🚀 Watch Holly demo how you can get design layers out of Make — to riff, jam and collaborate! — This is just the start!

Niko

29,935 views • 10 months ago

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles
0:28

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles

Figma

124,675 views • 2 years ago

Today, we're introducing Editable Text Layers and Design Categories. Your copy is now its own layer. Rewrite it. Restyle it. Resize it. The image underneath stays exactly as it was. Available to all users for free, and accessible via the API.
0:42

Today, we're introducing Editable Text Layers and Design Categories. Your copy is now its own layer. Rewrite it. Restyle it. Resize it. The image underneath stays exactly as it was. Available to all users for free, and accessible via the API.

Ideogram

45,461 views • 3 months ago

The Figma design agent, now with web search → Prompt the agent or paste a URL → Review results with linked citations → Insert content directly into your file
0:38

The Figma design agent, now with web search → Prompt the agent or paste a URL → Review results with linked citations → Insert content directly into your file

Figma

82,218 views • 1 month ago

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇
1:40

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇

GitHub

113,080 views • 4 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.
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

95,891 views • 1 month ago

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025
10:19

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Figma

323,917 views • 1 year ago

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,484 views • 4 months ago

Magnific Plugin now available on Figma → Generate images with the latest models → Text-to-vector and editable layers → The magnific upscaler, up to 16x, on your canvas → Relight, change camera, remove backgrounds without a reshoot Open it directly on Figma
0:25

Magnific Plugin now available on Figma → Generate images with the latest models → Text-to-vector and editable layers → The magnific upscaler, up to 16x, on your canvas → Relight, change camera, remove backgrounds without a reshoot Open it directly on Figma

Magnific

32,573 views • 15 days ago

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.
1:40

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Mario Rodriguez

105,816 views • 4 months ago

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

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

Figma

14,425,472 views • 1 year ago

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.
0:37

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

Figma

17,859,289 views • 4 months ago

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,472,317 views • 1 month ago