Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

574,242 subscribers

42,136 görüntüleme • 1 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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,957 görüntüleme • 4 ay önce

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

400,548 görüntüleme • 3 ay önce

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

95,061 görüntüleme • 2 ay ö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,239 görüntüleme • 2 ay önce

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,622 görüntüleme • 3 ay önce

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

813,117 görüntüleme • 2 yıl önce

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 görüntüleme • 5 ay önce

From Claude Design to Figma in 60 seconds: (*updated flow!) 1. In Claude Design: Share → `Export as standalone HTML` 2. Download the file 3. Drop it into the Anima Agent 4. The agent renders it as editable Figma layers
0:33

From Claude Design to Figma in 60 seconds: (*updated flow!) 1. In Claude Design: Share → `Export as standalone HTML` 2. Download the file 3. Drop it into the Anima Agent 4. The agent renders it as editable Figma layers

Anima

741,753 görüntüleme • 3 ay önce

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 görüntüleme • 11 ay önce

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,690 görüntüleme • 2 yıl önce

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,890 görüntüleme • 5 ay önce

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,830 görüntüleme • 2 ay önce

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,297 görüntüleme • 6 ay önce

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

324,113 görüntüleme • 1 yıl ö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 • 2 ay önce

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

33,485 görüntüleme • 1 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 • 6 ay önce

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

106,034 görüntüleme • 6 ay önce

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

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

Figma

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

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,867,255 görüntüleme • 5 ay önce