kapyn
MCP serversDev tools · MCP server

Figma MCP server

Give the assistant your Figma design context. The Framelink Figma MCP server lets an AI coding tool read your Figma layouts and styles, so it can generate UI that matches the design.

Category
Dev toolsMaintained by
CommunityProtocol
Model Context ProtocolSource
GLips/Figma-Context-MCP
View on GitHubBrowse all MCP servers
In the official MCP registryio.github.GLips/Figma-Context-MCPupdated 2026-06-18

Installing Figma

Runs on demand via npx. Nothing to install globally.

Claude Code
claude mcp add figma -- npx -y figma-developer-mcp --stdio
Claude Desktop · Cursor · VS Code · Windsurf
{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "<your FIGMA_API_KEY>"
      }
    }
  }
}

Not sure where the config file lives, or it isn't picking the server up? Config paths for every client.

Requires FIGMA_API_KEY, get this from the maintainer. Never commit them.

What it does

The Framelink Figma MCP server lets an AI coding tool read your Figma layouts and styles, so it can generate UI that matches the design.

Like any MCP server, Figma plugs into MCP-compatible assistants (such as Claude and other clients) so the model can use it as a tool , no custom integration code required.

Related Dev tools MCP servers