~/mcps.gallery
← all servers
~/mcps.gallery/servers/figma-context
[design]

Figma Context

Pull layout, styling, and component data from a Figma file into a coding agent.

[design][frontend][developer-tools]
view repository

A community-built MCP server that reads a Figma file's layout, styles, and component structure and hands it to a coding agent in a compact format, so a design can be turned into working front-end code in a single pass instead of round-tripping screenshots back and forth.

Works with any MCP client that can generate code, including Cursor, Claude Code, and Windsurf.

install

npx -y figma-developer-mcp --figma-api-key=<your-api-key>
{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--figma-api-key=<your-api-key>"]
    }
  }
}