正在加载视频...

视频加载失败

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

Just updated talk to figma mcp open source Anthropic Claude Code can now talk to figma I can ask claude to review my design and annotate directly in design file Link below

Sonny

15,118 subscribers

32,549 次观看 • 4 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

omg cant believe this is possible. inspired by this tweet, just tried to create a "Cursor talk to Figma MCP", allowing Cursor to talk directly to Figma. For example, I ask to design a modern looking login mobil screen.

omg cant believe this is possible. inspired by this tweet, just tried to create a "Cursor talk to Figma MCP", allowing Cursor to talk directly to Figma. For example, I ask to design a modern looking login mobil screen.

Sonny

532,109 次观看 • 1 年前

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.

Claude

4,310,854 次观看 • 4 个月前

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.

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

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

Peter Yang

77,115 次观看 • 3 个月前

Claude Code + Figma MCP Is The Greatest AI Design System I've Ever Used!:

Claude Code + Figma MCP Is The Greatest AI Design System I've Ever Used!:

WorldofAI

52,023 次观看 • 4 个月前

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Claude

2,594,776 次观看 • 9 个月前

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.

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,727 次观看 • 4 个月前

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 👇

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

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 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

396,754 次观看 • 1 个月前

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

34,917 次观看 • 2 个月前

My workflow now: - Design the first path in Figma - Hook up Claude Code to Figma MCP - Prompt: "Build this with Tailwind + Shadcn" - Then generate design system docs + demo page Side note: So many cool products being built, but I'm irrationally happy about a tabletop RPG scene manager.

My workflow now: - Design the first path in Figma - Hook up Claude Code to Figma MCP - Prompt: "Build this with Tailwind + Shadcn" - Then generate design system docs + demo page Side note: So many cool products being built, but I'm irrationally happy about a tabletop RPG scene manager.

Tommy Geoco 🇺🇸

59,278 次观看 • 9 个月前

Been using Paper MCP with Claude Code today and I’m kind of blown away! I tested importing Figma designs, then iterating on them using live Supabase data (via MCP). It genuinely feels like a glimpse of where design is heading. would love Paper to add something like agentation from Benji Taylor, so Claude Code can target frames and layers directly.

Been using Paper MCP with Claude Code today and I’m kind of blown away! I tested importing Figma designs, then iterating on them using live Supabase data (via MCP). It genuinely feels like a glimpse of where design is heading. would love Paper to add something like agentation from Benji Taylor, so Claude Code can target frames and layers directly.

Gon

72,677 次观看 • 4 个月前

Figma just became obsolete. one-shots entire UI designs using your Claude Code subscription. - MCP connects to Cursor, Claude Code, or Codex - Fully editable designs - Export to Figma or PNG The kicker? It's completely free right now.

Figma just became obsolete. one-shots entire UI designs using your Claude Code subscription. - MCP connects to Cursor, Claude Code, or Codex - Fully editable designs - Export to Figma or PNG The kicker? It's completely free right now.

Sanket 🛠️ClawKraft

37,940 次观看 • 5 个月前

How to use Claude to Design UI Screens and Push them to Figma to edit

How to use Claude to Design UI Screens and Push them to Figma to edit

Your Designer

27,560 次观看 • 1 个月前

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,068,137 次观看 • 4 个月前

Figma just shipped the ability to bring UI work done in Claude Code straight into Figma as editable design frames. Use this to explore new ideas in Figma, view multi-page flows on the canvas, or reimagine user experiences.

Figma just shipped the ability to bring UI work done in Claude Code straight into Figma as editable design frames. Use this to explore new ideas in Figma, view multi-page flows on the canvas, or reimagine user experiences.

Thariq

1,325,914 次观看 • 4 个月前

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇

Jayneil Dalal

54,117 次观看 • 4 个月前

Learn how to go from Claude Code to Figma and back again Livestream with Anthropic: March 31, 9:00AM PST | 12:00PM EST

Learn how to go from Claude Code to Figma and back again Livestream with Anthropic: March 31, 9:00AM PST | 12:00PM EST

Figma

260,228 次观看 • 3 个月前

The Dev Mode MCP server is now easier to connect in Claude Desktop

The Dev Mode MCP server is now easier to connect in Claude Desktop

Figma

140,153 次观看 • 11 个月前