Use this Figma MCP Server to convert Figma Design to pseudo-code like structure - simple yet efficient for LLMs to understand design context. Connect to Figma API and get pseudo-code for the given Design. For visual context, can also fetch images.
Server Config
{
"mcpServers": {
"figma MCP Server": {
"command": "npx",
"args": [
"figma-codegen-mcp",
"--figma_api_key=${input:FIGMA_API_KEY}"
]
}
},
"inputs": [
{
"id": "FIGMA_API_KEY",
"type": "promptString",
"description": "Paste your Figma Personal access Token here"
}
]
}