# Figma Context MCP (MCP server)

> Figma Context MCP is an MCP server that gives your coding agent access to your Figma data. It has 15,962 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.

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

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/GLips/Figma-Context-MCP |
| GitHub stars | 15,962 |
| License | MIT |
| Language | TypeScript |
| Transport | stdio |
| Packages | npm: figma-developer-mcp |
| Remote URL | none |
| Needs API key | yes |
| Official | no |
| Works with | Claude Desktop, Claude Code, Cursor, VS Code |
| Category | Developer tools |
| Latest release | v0.13.2 (Jun 18, 2026) |
| Last commit | Jun 24, 2026 |
| MCP registry name | io.github.GLips/Figma-Context-MCP |

## Install

### Claude Desktop (claude_desktop_config.json)

```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

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

### Cursor (.cursor/mcp.json)

```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)

```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 2026-10-07.

## Environment variables

- `FIGMA_API_KEY` (secret) (required): Your Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens

## Similar MCP servers

- [Gemini CLI](https://appsgit.com/mcp-servers/gemini-cli): An open-source AI agent that brings the power of Gemini directly into your terminal. (107,240 stars, Apache-2.0)
- [Front-End Checklist](https://appsgit.com/mcp-servers/front-end-checklist): Review frontend code and live pages against 386 quality-gated web development rules. (74,390 stars, MIT)
- [Claude Flow](https://appsgit.com/mcp-servers/claude-flow): AI orchestration with hive-mind swarms, neural networks, and 87 MCP tools for enterprise dev. (74,016 stars, MIT, needs API key)
- [Codebase Memory](https://appsgit.com/mcp-servers/codebase-memory): Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens. (45,917 stars, MIT)
- [Bytedance Filesystem](https://appsgit.com/mcp-servers/bytedance-filesystem): MCP server for filesystem access. (39,206 stars, Apache-2.0)
- [GitHub](https://appsgit.com/mcp-servers/github): Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language. (33,414 stars, MIT, official, needs API key)

---

Canonical page: https://appsgit.com/mcp-servers/figma-context-mcp
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.