figma-console-mcp
Level ALocalYour design system as an API. Connect AI to Figma for extraction, creation, and debugging.
Overview
Figma Console MCP is a design-system-focused MCP server that connects AI assistants to Figma in both directions (Figma ⇄ code). It extracts variables, components, and styles, supports bidirectional token sync, creates components and layouts in Figma, manages design variables, and offers screenshot-based visual debugging, version history diffs, accessibility scanning, design-code parity checks, and design-system health audits.
Installation
MCP client config (paste into mcp.json)
{
"mcpServers": {
"southleft-figma-console-mcp": {
"command": "npx",
"args": [
"-y",
"figma-console-mcp@latest"
],
"env": {
"FIGMA_ACCESS_TOKEN": "figd_YOUR_TOKEN",
"ENABLE_MCP_APPS": "true"
}
}
}
}Agent install prompt
Copy and paste into Cursor / Claude / other agents to install this MCP for you
Please read this MCP repository and install it into my current environment:
https://github.com/southleft/figma-console-mcp
Known working client config (can write into mcp.json):
{
"mcpServers": {
"southleft-figma-console-mcp": {
"command": "npx",
"args": [
"-y",
"figma-console-mcp@latest"
],
"env": {
"FIGMA_ACCESS_TOKEN": "figd_YOUR_TOKEN",
"ENABLE_MCP_APPS": "true"
}
}
}
}
Please: 1) check README for deps and env vars; 2) write config for my client; 3) if secrets are missing, tell me what to fill — do not invent values.
Related servers
design-systems-mcpI'm your specialized design systems assistant. Ask me about components, tokens,figma-console-mcp-skillsThe most powerful Figma Console MCP capabilities, repackaged as Markdown skillsn8nFair-code workflow automation platform with native AI capabilities. Combine visumarkitdown-mcpPython tool for converting files and office documents to Markdown.@oh-my-opencode/ast-grep-mcpOmO: Just type "mass ulw" keyword with your prompt. Now you are the master of gr@oh-my-opencode/git-bash-mcpOmO: Just type "mass ulw" keyword with your prompt. Now you are the master of gr