Figma MCP Server
Official Figma Dev Mode MCP server. Extract layouts, styles, and component structures for AI-informed code generation.
- Maintained by
- Figma
- Hosting
- Hosted by the vendor
- Authentication
- OAuth sign-in
- Last checked
Only clients listed in Figma's MCP catalog can connect; a desktop-app server is also available.
How to connect the Figma MCP server
Pick your AI client and paste the snippet. New to this? Our guide to how MCP clients and servers fit together explains what each piece does.
Claude Code
claude mcp add --transport http figma https://mcp.figma.com/mcpThen run /mcp inside Claude Code and choose Authenticate to sign in.
Full Claude Code setup guide →Claude Desktop and claude.ai
Name: Figma
Remote MCP server URL: https://mcp.figma.com/mcpCustom connectors need a Pro, Max, Team or Enterprise plan. On Team and Enterprise an owner adds them in admin settings.
Full Claude Desktop setup guide →Cursor
{
"mcpServers": {
"figma": {
"url": "https://mcp.figma.com/mcp"
}
}
}VS Code
{
"servers": {
"figma": {
"type": "http",
"url": "https://mcp.figma.com/mcp"
}
}
}ChatGPT
Business, Enterprise and Edu plans (and Pro, read-only) can add this endpoint as an app in developer mode. ChatGPT setup guide →
Frequently asked questions
What is the Figma MCP server?
It is a Model Context Protocol (MCP) server — a small piece of software that gives AI assistants like Claude a secure, governed connection to Figma. Official Figma Dev Mode MCP server. Extract layouts, styles, and component structures for AI-informed code generation.
Is there an official Figma MCP server?
Yes. The Figma MCP server is an official integration, maintained by the vendor or the Model Context Protocol project, which makes it the safest default for business use. It is maintained by Figma.
Is the Figma MCP server hosted, or do I run it myself?
It is hosted. Figma runs the endpoint at https://mcp.figma.com/mcp, so there is nothing to install: you add the URL to your AI client and sign in with your Figma account.
Do I need an API key for the Figma MCP server?
No API key is needed for the hosted server. You sign in through Figma's own OAuth screen, and the assistant only gets the access your account has.
What can an AI assistant actually do with Figma?
Through this server an assistant can work with design data, components, styles, layout — reading from and acting on Figma directly instead of you copy-pasting between windows. What you allow it to do is controlled by the permissions you grant.
How do I set this up for my business?
The setup section above has copy-paste config for Claude Code, Claude Desktop, Cursor and VS Code. Once it is running against real systems, the question becomes what catches it when it acts wrongly, which is what Crox's Safety Diagnostic looks at.
New to MCP? Start with our plain-English guide to the Model Context Protocol or see how to connect AI to your business tools without writing code .
Already running this in production?
An agent with a live connection to your tools is a model that can act. Crox looks at what catches it when it acts wrongly: the layers around it, who can stop it, and where a near miss gets reported. Two days, one team, one model.