Design
Figma Context
Bridges Figma designs into AI agents — read layouts, components, and design tokens for design-to-code workflows.
Install
npx -y figma-developer-mcp --figma-api-key=<YOUR_KEY>Bridges Figma designs into AI agents — read layouts, components, and design tokens for design-to-code workflows.
npx -y figma-developer-mcp --figma-api-key=<YOUR_KEY>Figma Context MCP is the highest-starred Figma integration (15K+) for AI agents. It extracts design data from Figma files — layouts, components, styles, and tokens — so agents can generate accurate, design-faithful code.
{
"mcpServers": {
"figma": {
"command": "npx",
"args": ["-y", "figma-developer-mcp", "--figma-api-key=<YOUR_KEY>"]
}
}
}
--figma-api-key flag