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 Connect** - Boost output quality by reusing your actual components, the MCP server informs AI agents about existing components derived from Code Connect information. • **Map your flows with diagrams** - The Figma MCP server can turn your Claude prompts into flow charts, Gantt charts, or other diagrams in FigJam. **Note:** The get_screenshot tool is currently limited to returning a descripton of screenshots in Figma when called in Claude and Claude Code. See developer term [here](https://www.figma.com/legal/developer-terms/)
- ChatGPT
- Claude
- Claude Code
- Cursor
- Official MCP Registry
- GitHub MCP Registry
- Glamavia MCP Toplist
- mcp.sovia MCP Toplist
First seen 2 Oct 2026. One server, whatever directories list it: each directory listing keeps its own page and history.
Tools
Names from a directory listing. Descriptions appear after a probe.
| Directory | Listing | Tier | First seen |
|---|---|---|---|
| ChatGPT | Figma | community | 2 Oct 2026 |
| Claude | Figma | partner | 2 Oct 2026 |
| Claude Code | Figma | - | 2 Oct 2026 |
| Cursor | Figma | community | 2 Oct 2026 |
| Official MCP Registry | Figma MCP Server | - | 2 Oct 2026 |
| GitHub MCP Registry | Figma MCP Server | - | 2 Oct 2026 |
| Glama | Listed there according to MCP Toplist’s dataset; not collected by InvokeRank. | ||
| mcp.so | Listed there according to MCP Toplist’s dataset; not collected by InvokeRank. | ||