mcpbeat Sign in

Figma Context MCP Server

local only

Figma Context MCP runs on your own machine — the client starts it, so there is no endpoint to ping. 69 542 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.

Installs per day peak 22 941 · avg 10 985 · +4% w/w
a month agotoday
69 542
Installs / week
npm · figma-developer-mcp
15872
Stars
6 open issues
24 Jun 2026
Last commit
0 releases in 90 days
MIT
License
TypeScript

What the code does

We read the source, 18 h ago · rules 3dff92dd89df

Capabilities

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.

Builds a file path from a variable src/utils/common.ts:25
    const fullPath = path.resolve(path.join(localPath, fileName));
Known vulnerability in the package figma-developer-mcp · GHSA-gxw4-4fc5-9gr5

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.

Three servers free · no card

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.

run in your terminal
claude mcp add Figma-Context-MCP -- npx -y figma-developer-mcp
~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "Figma-Context-MCP": {
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "command": "npx"
    }
  }
}
~/.codex/config.toml
[mcp_servers.Figma-Context-MCP]
command = "npx"
args = ["-y", "figma-developer-mcp"]
.cursor/mcp.json
{
  "mcpServers": {
    "Figma-Context-MCP": {
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "command": "npx"
    }
  }
}
.vscode/mcp.json
{
  "mcpServers": {
    "Figma-Context-MCP": {
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "command": "npx"
    }
  }
}

This one needs environment variables set before it will start: FIGMA_API_KEY (Your Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens). The author declared them in the registry entry; get the values from the project itself.

Alternatives to Figma Context MCP

same job, measured the same way
Composer
by olivergrabner

Give your AI coding agent an architecture canvas to design and evolve diagrams.

46 installs/wk local only
Anima MCP Server
by animaapp

Connect AI coding agents to Anima Playground, Figma, and your design system.

answering
Figma Designer
by a1245582339

Give AI agents full read & write access to Figma — 50+ tools for design automation

local only
Mowgli
by mowgli-ai

Intelligent product canvas: iterate on your product's design with your coding agent, synced to code.

answering
Tseha
by tseha

Serves your design system and coding standards to coding agents, so they stop guessing.

9 tools answering
Design System
by zaklad

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

answering
C
Overlayqa
by overlayqa

Run accessibility, contrast, and design token audits and file QA issues from your AI coding tool.

94 installs/wk local only
HTML to Figma — Design System
by miapre

Translate HTML prototypes into Figma using your design system's real components and tokens.

26 installs/wk local only

Figma Context MCP — questions

Answers built from our own checks of this server.

Why is there no uptime for Figma Context MCP?
Figma Context MCP runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package figma-developer-mcp was installed 69 542 times last week.
How do I connect Figma Context MCP?
Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It runs locally, so the command pulls figma-developer-mcp straight from npm; nothing to host, nothing to sign up for.
How many people use Figma Context MCP?
The npm package figma-developer-mcp was installed 69 542 times in the last week. Week over week that is +4%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.
Is Figma Context MCP open source?
Yes — it is published under the MIT licence, written in TypeScript, 15 872 stars on GitHub and 6 open issues. The source link is on this page, so you can read exactly what it does with your data before you connect it.