# Figma Context MCP review

> Figma Context MCP (Framelink MCP for Figma) is an MCP server that gives AI coding agents like Cursor simplified Figma layout and styling data.

Devtoolwatch Board, the week of Oct 25–31, 2026. Canonical page: https://index.devtoolwatch.com/tools/figma-context-mcp/

## TL;DR

Figma Context MCP is a Model Context Protocol server that lets Cursor and other AI coding tools read your Figma files. It is for developers who implement designs with AI agents. It simplifies Figma API responses to the most relevant layout and styling information and sends descriptive data, not framework-specific code.

## Figma Context MCP at a glance

- **Category:** [MCP and agent tools](https://index.devtoolwatch.com/categories/mcp-servers/)
- **Maintained by:** Graham Lipsman (individual, [@GLips](https://github.com/GLips) on GitHub)
- **License:** MIT
- **Language:** TypeScript, JavaScript
- **Repository:** [github.com/GLips/Figma-Context-MCP](https://github.com/GLips/Figma-Context-MCP)
- **Website:** [www.framelink.ai](https://www.framelink.ai/)
- **npm package:** [figma-developer-mcp](https://www.npmjs.com/package/figma-developer-mcp) 0.13.2
- **Latest release:** [v0.13.2](https://github.com/GLips/Figma-Context-MCP/releases/tag/v0.13.2) on GitHub, Jun 18, 2026
- **First published:** Feb 13, 2025

## What Figma Context MCP does

- Figma Context MCP fetches metadata for a pasted Figma file, frame, or group link so the agent can write code from it.
- Figma Context MCP simplifies and translates Figma API responses so only relevant layout and styling information reaches the model.
- Figma Context MCP sends descriptive JSON, preserving style names and component props, so the agent can use your own components and conventions.
- Figma Context MCP deduplicates styles and auto-detected duplicates to reduce payload size.
- Figma Context MCP supports Figma grid layouts and rich text styling as of recent releases.
- Figma Context MCP supports per-request Figma API keys.
- Figma Context MCP removes auto-generated and duplicate layer names from its output to avoid confusing the model.

## How to install Figma Context MCP

**From npm**

```
npm install -g figma-developer-mcp
```

### Requirements

- Node.js 20.20.0 or later
- A Figma API access token
- An AI coding client that supports MCP servers, such as Cursor

### First steps

1. Create a Figma personal access token.
2. Add the figma-developer-mcp server to your editor's MCP configuration file with your key.
3. Open your IDE's chat, such as agent mode in Cursor, and paste a link to a Figma file, frame, or group.
4. Ask the agent to implement the design. It fetches the Figma metadata and writes the code.

## Who Figma Context MCP is for

- Developers using Cursor agent mode to turn Figma designs into code
- Teams that want AI output to follow their own components and design system
- Developers building UIs for HTML and CSS, iOS, Android, or custom components from Figma

### Limitations

- Figma Context MCP is specifically designed for use with Cursor, though other MCP clients can configure it.
- Figma Context MCP requires a Figma access token to use.
- Figma Context MCP sends design data, not code, so the agent still decides how to build each element.
- Team workflows and support for complex designs are listed as coming soon.

## Usage data (the week of Oct 25–31, 2026)

- Board rank: #153 overall, #21 in MCP and agent tools, momentum score 52
- Downloads that week: 147.4k (+40% vs 4-week average)
- New GitHub stars per week (last 12 weeks): Aug 9: 50; Aug 16: 53; Aug 23: 41; Aug 30: 55; Sep 6: 67; Sep 13: 51; Sep 20: 42; Sep 27: 39; Oct 4: 33; Oct 11: 47; Oct 18: 65; Oct 25: 74

## Figma Context MCP alternatives

| Rank | Tool | Stars | Downloads/wk |
|---|---|---|---|
| #1 | [REA](https://index.devtoolwatch.com/tools/morluto-rea/) | 415.5k | 760.6k |
| #2 | [ha-mcp](https://index.devtoolwatch.com/tools/homeassistant-ai-ha-mcp/) | 5.4k | 118.1k |
| #3 | [Treg](https://index.devtoolwatch.com/tools/superdesigndev-treg/) | 6.9k | 6.7k |
| #4 | [Chrome DevTools MCP](https://index.devtoolwatch.com/tools/chrome-devtools-mcp/) | 54.6k | 2.7M |
| #5 | [codebase-memory-mcp](https://index.devtoolwatch.com/tools/deusdata-codebase-memory-mcp/) | 47.9k | – |
| #6 | [open-computer-use](https://index.devtoolwatch.com/tools/ifuryst-open-computer-use/) | 2.8k | – |

## Figma Context MCP FAQ

### Is Figma Context MCP free and open source?

Yes. Figma Context MCP's source code is on GitHub (GLips/Figma-Context-MCP) under the MIT license, so you can use it for free.

### How do I install Figma Context MCP?

Run `npm install -g figma-developer-mcp`. It needs Node.js >=20.20.0.

### Is Figma Context MCP still maintained?

Yes. The GLips/Figma-Context-MCP repository was last updated on Oct 16, 2026, and the latest release, v0.13.2 on GitHub, came out on Jun 18, 2026.

### How popular is Figma Context MCP?

Figma Context MCP has 16.1k GitHub stars as of Nov 1, 2026. It gained 74 new stars in the week of Oct 25–31, 2026, against a 12-week average of 51 a week. Its main package had about 147.4k downloads that week, +40% against its own 4-week average. That made it #21 among MCP servers and agent tools on the Devtoolwatch Board.

### What are the best alternatives to Figma Context MCP?

Other MCP servers and agent tools on the Devtoolwatch Board in the week of Oct 25–31, 2026, by momentum: REA (#1), ha-mcp (#2), Treg (#3), Chrome DevTools MCP (#4), codebase-memory-mcp (#5). The alternatives table above has their numbers.

### How is Figma Context MCP different from Figma's official MCP?

Figma Context MCP sends descriptive JSON, while Figma's MCP sends prescriptive React and Tailwind code, according to Framelink. Framelink says its output is about 40% smaller, keeps style names, and represents nested components accurately.

### Can I use Figma Context MCP outside Cursor, such as in VS Code?

Figma Context MCP works with code editors and AI clients that manage MCP servers through a configuration file. The README says it is specifically designed for Cursor. The sources do not name VS Code.

### Why not just paste screenshots into the agent?

Figma Context MCP's README says Cursor is better at one-shotting designs accurately with Figma design data than with alternatives like pasting screenshots.

### Does Figma Context MCP reduce token usage?

Yes. Figma Context MCP simplifies Figma API data, and v0.13.0 introduced a default output format that cuts token usage roughly in half.

## Sources

1. [GLips/Figma-Context-MCP on GitHub](https://github.com/GLips/Figma-Context-MCP)
2. [Figma Context MCP README](https://github.com/GLips/Figma-Context-MCP/blob/main/README.md)
3. [figma-developer-mcp on npm](https://www.npmjs.com/package/figma-developer-mcp)
4. [Figma Context MCP website](https://www.framelink.ai/)
5. [Release v0.13.2 (Jun 18, 2026)](https://github.com/GLips/Figma-Context-MCP/releases/tag/v0.13.2)
6. [Release v0.13.1 (Jun 18, 2026)](https://github.com/GLips/Figma-Context-MCP/releases/tag/v0.13.1)
7. [Release v0.13.0 (Jun 18, 2026)](https://github.com/GLips/Figma-Context-MCP/releases/tag/v0.13.0)
8. [Devtoolwatch Board, the week of Oct 25–31, 2026](https://index.devtoolwatch.com/)