Figma
Partner, reviewedGenerate diagrams and better code from Figma context
A connector: add it in the Claude app under Settings, Connectors; Claude Code signed in to the same account can use it too. There is nothing to install from a terminal.
The Figma MCP server helps you pull in Figma context and generate high-quality code that aligns with your codebase and design intent. Use the MCP server to retrieve code resources from Figma Design or Make files, and turn your ideas into production apps. **Key features:** • **Generate code from selected frames or nodes** - Select a frame in Figma or provide a node URL to have an AI agent turn your design into code. • **Extract design context from layers** - Pull out variables, components, and layouts from a design to ensure builds adhere to design patterns. • **Code smarter with Code…
From Anthropic's public plugin directory, read on 2026-10-15. Find a skill by task.