Figma To Code Mcp

Overview

Figma To Code Mcp is a Model Context Protocol server that connects your LLM to Figma, letting AI assistants work with your design files as callable tools. Instead of manually copying data between Figma and your editor, you get direct access to design information optimized for language models.

The server runs locally via the npm package @tmegit/figma-to-code-mcp, communicating over stdio. You'll need a Figma API key provided through the FIGMA_API_KEY environment variable. Version v0.29.0 is available now under the MIT license, with full source code at felixAnhalt/figma-to-code-mcp on GitHub.

Figma To Code Mcp is listed in the Design category on mcp.site and works with any MCP client including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf, and Zed. If you maintain this project, claim this listing to verify ownership and keep information up to date.

Installation

// claude_desktop_config.json
{
  "mcpServers": {
    "figma_to_code_mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@tmegit/figma-to-code-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "<figma-api-key>"
      }
    }
  }
}

Requires FIGMA_API_KEY