Framelink MCP for Figma: Community Figma Server

Framelink MCP for Figma (npm package figma-developer-mcp, repo GLips/Figma-Context-MCP) is one of the most popular community MCP servers. It gives coding agents access to your Figma files, then simplifies the raw Figma API response so only the layout and styling information that matters reaches the model. The project’s claim is simple: less noise in context means more accurate one-shot implementations than pasting screenshots.

Who it is for

Developers who want Figma context in Claude without depending on Figma seat-based MCP limits, and anyone who prefers a local, open-source server they can inspect.

Install

Create a Figma personal access token first. The README’s config for macOS and Linux:

{
  "mcpServers": {
    "Framelink MCP for Figma": {
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
    }
  }
}

The same command works in Claude Code:

claude mcp add framelink -- npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

You can also set FIGMA_API_KEY in the server’s env instead of passing it as an argument, which keeps the key out of your shell history.

Use cases

• Paste a link to a frame or group and ask Claude to implement it in React, Vue or plain HTML.
• Extract spacing, colors and typography from a design for a style audit.
• Compare an existing page with its Figma source and list differences.

Pros

• Free and MIT licensed, with a large user base.
• Response simplification keeps token use down.
• Works with any MCP client that runs stdio servers.

Cons and caveats

• Read-only: no Code Connect mapping or canvas writes.
• Personal access tokens are long-lived secrets; scope and rotate them.
• Docs and demos focus on Cursor, so Claude Code users translate the config themselves.

Links

• Repo: GLips/Figma-Context-MCP
• Quickstart: framelink.ai
• Official alternative: Figma MCP server
• More servers: best MCP servers