Skip to content
appsgit

Figma Context MCP

Figma Context MCP is an MCP server that gives your coding agent access to your Figma data. It has 16,069 GitHub stars, is released under the MIT license and runs locally with npx -y figma-developer-mcp. It works with Claude Desktop, Claude Code, Cursor and VS Code and needs an API key.

github.com/GLips/Figma-Context-MCP (opens in a new tab)

Data as of from the GitHub API and the official MCP registry; description from the project's repository. Report an error

View on GitHub (opens in a new tab)

Install Figma Context MCP

Generated from the server's MCP registry entry. Replace your-value with your own values.

Claude Desktop

claude_desktop_config.json
{
  "mcpServers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "your-value"
      }
    }
  }
}

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

Claude Code

claude mcp add --env FIGMA_API_KEY=your-value --transport stdio figma-context-mcp -- npx -y figma-developer-mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "figma-context-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "your-value"
      }
    }
  }
}

Project file; use ~/.cursor/mcp.json to enable it in every project.

VS Code

.vscode/mcp.json
{
  "inputs": [
    {
      "type": "promptString",
      "id": "figma_api_key",
      "description": "FIGMA_API_KEY",
      "password": true
    }
  ],
  "servers": {
    "figma-context-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "${input:figma_api_key}"
      }
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

Environment variables

Variables the server reads at startup.

NameRequiredDescription
FIGMA_API_KEYsecretYesYour Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens

About Figma Context MCP

Framelink MCP for Figma Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

  • ai
  • cursor
  • figma
  • mcp
  • typescript

Similar MCP servers

More developer tools MCP servers

All Developer tools

FAQ

Figma Context MCP FAQ

Still curious? Email info@appsgit.com.

How do I install the Figma Context MCP MCP server?

Add the command npx -y figma-developer-mcp to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.

Is Figma Context MCP free?

The server is open source under the MIT license, so running it is free. It needs credentials (FIGMA_API_KEY) for the service it connects to, which may require a paid account.

Is Figma Context MCP actively maintained?

The most recent commit was on Jun 24, 2026. The latest release is v0.13.2, published Jun 18, 2026. appsgit only lists MCP servers with a commit in the last six months.