figma-ui-mcp

local MCP server

figma-ui-mcp is a local MCP server: Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back. Install it from npm as figma-ui-mcp.

Installation

Terminal

claude mcp add figma-ui-mcp -- npx -y figma-ui-mcp

Run in your project folder. Add --scope user to use it everywhere.

Add to claude_desktop_config.json or .cursor/mcp.json.

{
  "mcpServers": {
    "figma-ui-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-ui-mcp"
      ]
    }
  }
}

Runtime: Node.js 18+ (runs with npx).
MCP client: Claude Code, Codex, Antigravity, Claude Desktop, Cursor or any other client that speaks MCP over stdio.

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

Server	Stars	Type	API key	Runtime
figma-ui-mcp	256	Local	No	npm
Figma-Context-MCP	16K	Local	Yes	npm
Figma MCP Server	2,027	Hosted	No	None
plumb-mcp	84	Local	Yes	npm
tldraw	51K	Hosted	No	None

No. The registry entry lists no keys or environment variables.

Node.js 18+ (runs with npx), plus an MCP client such as Claude Code, Codex, Claude Desktop or Cursor.

figma-ui-mcp is a local MCP server distributed as the npm package figma-ui-mcp.

Run: claude mcp add figma-ui-mcp -- npx -y figma-ui-mcp

Run: codex mcp add figma-ui-mcp -- npx -y figma-ui-mcp

NameStars