Figma Context MCP runs on your own machine — the client starts it, so there is no endpoint to ping. 140 026 installs a week from npm. Last commit 24 Jun 2026.
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
What the code does
We read the source, 4 d ago · rules 995398eba69f
What this server is able to do. For an MCP server this is often the job itself — a terminal server runs commands because that is what it is for. Listed so you know what you are plugging in, not as an accusation.
const fullPath = path.resolve(path.join(localPath, fileName));
Is this your server and something here is wrong? Tell us — corrections are free and do not require a plan.
This code can reach further than it looks
We found places where it runs commands, builds paths or queries from values it is given. None of that is a flaw by itself — it becomes one when the code changes, and code changes quietly between releases. We re-read it on every one.
Connect this server
This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.
claude mcp add Figma-Context-MCP -e 'FIGMA_API_KEY=<FIGMA_API_KEY>' -- npx -y figma-developer-mcp{
"mcpServers": {
"Figma-Context-MCP": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp"
],
"env": {
"FIGMA_API_KEY": "<FIGMA_API_KEY>"
}
}
}
}[mcp_servers.Figma-Context-MCP]
command = "npx"
args = ["-y", "figma-developer-mcp"]
env = { FIGMA_API_KEY = "<FIGMA_API_KEY>" }{
"mcpServers": {
"Figma-Context-MCP": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp"
],
"env": {
"FIGMA_API_KEY": "<FIGMA_API_KEY>"
}
}
}
}{
"servers": {
"Figma-Context-MCP": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figma-developer-mcp"
],
"env": {
"FIGMA_API_KEY": "<FIGMA_API_KEY>"
}
}
}
}Put your own value in place of
<FIGMA_API_KEY> (Your Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens).
The author’s registry entry marks it as required.
Alternatives to Figma Context MCP
same job, measured the same wayGive your AI coding agent an architecture canvas to design and evolve diagrams.
Connect AI coding agents to Anima Playground, Figma, and your design system.
Give AI agents full read & write access to Figma — 50+ tools for design automation
Intelligent product canvas: iterate on your product's design with your coding agent, synced to code.
Serves your design system and coding standards to coding agents, so they stop guessing.
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Translate HTML prototypes into Figma using your design system's real components and tokens.
The design system your coding agents check before they ship: tokens plus exact UI fixes.
Figma Context MCP — questions
Answers built from our own checks of this server.