pixelbyte-figma-mcp

Install

npx claudepluginhub rylaa/claude-agent-workflows --plugin pb-figma

Add to Your Project

Add to your .mcp.json:

{
  "mcpServers": {
    "pixelbyte-figma-mcp": {
      "command": "uvx",
      "args": [
        "pixelbyte-figma-mcp==3.3.1"
      ],
      "env": {
        "FIGMA_TOKEN": "${FIGMA_PERSONAL_ACCESS_TOKEN}",
        "FIGMA_ACCESS_TOKEN": "${FIGMA_PERSONAL_ACCESS_TOKEN}",
        "FIGMA_PIPELINE_V2_SCOPE": "react",
        "FIGMA_PIPELINE_V2_ENABLED": "false",
        "FIGMA_CODEGEN_MAX_CHILDREN": "60",
        "FIGMA_PIPELINE_VISUAL_MODE": "hybrid",
        "FIGMA_PERSONAL_ACCESS_TOKEN": "${FIGMA_PERSONAL_ACCESS_TOKEN}",
        "FIGMA_PIPELINE_TARGET_MATCH": "0.95",
        "FIGMA_PIPELINE_CACHE_ENABLED": "true",
        "FIGMA_PIPELINE_PASS_THRESHOLD": "95",
        "FIGMA_PIPELINE_WARN_THRESHOLD": "85",
        "FIGMA_PIPELINE_MAX_VISUAL_ITER": "3",
        "FIGMA_CODEGEN_MAX_NATIVE_CHILDREN": "40",
        "FIGMA_PIPELINE_AUTO_RENDER_ENABLED": "true",
        "FIGMA_PIPELINE_STRICT_PIXEL_DEFAULT": "true"
      }
    }
  }
}

Replace placeholder values for: FIGMA_PERSONAL_ACCESS_TOKEN, FIGMA_ACCESS_TOKEN, FIGMA_TOKEN

Security Considerations

Requires secrets

This MCP server needs API keys or credentials. Configure them in your environment before use.

Details

Commanduvx

Access Levelwrite

Arguments

pixelbyte-figma-mcp==3.3.1

Environment Variables

FIGMA_TOKEN=${FIGMA_PERSONAL_ACCESS_TOKEN}

FIGMA_ACCESS_TOKEN=${FIGMA_PERSONAL_ACCESS_TOKEN}

FIGMA_PIPELINE_V2_SCOPE=react

FIGMA_PIPELINE_V2_ENABLED=false

FIGMA_CODEGEN_MAX_CHILDREN=60

FIGMA_PIPELINE_VISUAL_MODE=hybrid

FIGMA_PERSONAL_ACCESS_TOKEN=${FIGMA_PERSONAL_ACCESS_TOKEN}

FIGMA_PIPELINE_TARGET_MATCH=0.95

FIGMA_PIPELINE_CACHE_ENABLED=true

FIGMA_PIPELINE_PASS_THRESHOLD=95

FIGMA_PIPELINE_WARN_THRESHOLD=85

FIGMA_PIPELINE_MAX_VISUAL_ITER=3

FIGMA_CODEGEN_MAX_NATIVE_CHILDREN=40

FIGMA_PIPELINE_AUTO_RENDER_ENABLED=true

FIGMA_PIPELINE_STRICT_PIXEL_DEFAULT=true

Required Secrets

FIGMA_PERSONAL_ACCESS_TOKENFIGMA_ACCESS_TOKENFIGMA_TOKEN

Actions

Plugins (1)

pb-figma2

{ "mcpServers": { "pixelbyte-figma-mcp": { "command": "uvx", "args": [ "pixelbyte-figma-mcp==3.3.1" ], "env": { "FIGMA_TOKEN": "${FIGMA_PERSONAL_ACCESS_TOKEN}", "FIGMA_ACCESS_TOKEN": "${FIGMA_PERSONAL_ACCESS_TOKEN}", "FIGMA_PIPELINE_V2_SCOPE": "react", "FIGMA_PIPELINE_V2_ENABLED": "false", "FIGMA_CODEGEN_MAX_CHILDREN": "60", "FIGMA_PIPELINE_VISUAL_MODE": "hybrid", "FIGMA_PERSONAL_ACCESS_TOKEN": "${FIGMA_PERSONAL_ACCESS_TOKEN}", "FIGMA_PIPELINE_TARGET_MATCH": "0.95", "FIGMA_PIPELINE_CACHE_ENABLED": "true", "FIGMA_PIPELINE_PASS_THRESHOLD": "95", "FIGMA_PIPELINE_WARN_THRESHOLD": "85", "FIGMA_PIPELINE_MAX_VISUAL_ITER": "3", "FIGMA_CODEGEN_MAX_NATIVE_CHILDREN": "40", "FIGMA_PIPELINE_AUTO_RENDER_ENABLED": "true", "FIGMA_PIPELINE_STRICT_PIXEL_DEFAULT": "true" } } } }