veryone's talking about Figma MCP but nobody explains which version they're actually using, or when it genuinely makes sense. In this episode, Patricia breaks down the three distinct layers of working with Claude and Figma: from the no-code Figma Connector inside Claude.ai, to building personalized AI agents with Skills, to the full Claude Code + Figma MCP setup for design-to-code workflows. You'll leave knowing exactly which layer fits your current project and how to start today.🎓 AI for Designers BootcampReady to go beyond the episode and actually build these workflows for your real projects?In the bootcamp, we set up MCP together. We build Skills from scratch — for your actual clients and design system. And this cohort has a brand new Figma collaboration module where we go deep on using all of this inside a real team environment.Early access is open now — a few spots left. 👉 sign up hereResourcesClaude Figma Connector — connect Claude to your Figma workspace in 3 clicks: https://claude.com/connectors/figmaFigma MCP Setup Guide — official docs to get started with the MCP server: https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-serverFigma Skills for Claude — all 8 official Skills explained: https://help.figma.com/hc/en-us/articles/39166810751895-Figma-skills-for-MCPClaude Code + Figma — how to set up the full design-to-code workflow: https://help.figma.com/hc/en-us/articles/39888612464151-Claude-Code-and-Figma-Set-up-the-MCP-serverClaude Design (Anthropic Labs) — the new canvas-based AI design tool: https://www.anthropic.com/news/claude-design-anthropic-labs

Ask this episode

“What did the council decide on item 42?” — answered with the speaker and the moment.

Transcript

Related