npx claudepluginhub rylaa/claude-agent-workflows --plugin pb-figmaAdd 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
This MCP server needs API keys or credentials. Configure them in your environment before use.
uvxFIGMA_TOKEN=${FIGMA_PERSONAL_ACCESS_TOKEN}FIGMA_ACCESS_TOKEN=${FIGMA_PERSONAL_ACCESS_TOKEN}FIGMA_PIPELINE_V2_SCOPE=reactFIGMA_PIPELINE_V2_ENABLED=falseFIGMA_CODEGEN_MAX_CHILDREN=60FIGMA_PIPELINE_VISUAL_MODE=hybridFIGMA_PERSONAL_ACCESS_TOKEN=${FIGMA_PERSONAL_ACCESS_TOKEN}FIGMA_PIPELINE_TARGET_MATCH=0.95FIGMA_PIPELINE_CACHE_ENABLED=trueFIGMA_PIPELINE_PASS_THRESHOLD=95FIGMA_PIPELINE_WARN_THRESHOLD=85FIGMA_PIPELINE_MAX_VISUAL_ITER=3FIGMA_CODEGEN_MAX_NATIVE_CHILDREN=40FIGMA_PIPELINE_AUTO_RENDER_ENABLED=trueFIGMA_PIPELINE_STRICT_PIXEL_DEFAULT=true