An MCP server for AI assistants bridging Figma, offering 94+ tools for design system extraction, creation/editing, variable management, accessibility auditing, and design-code parity checking.
Figma Console MCP Server is a Figma bridge server built on the Model Context Protocol, maintained by the southleft organization, developed in TypeScript, currently at v1.22.3.
The project supports four connection modes: NPX (94+ tools, recommended), Cloud Mode (43 tools, for Web AI clients), Local Git (94+ tools), and Remote SSE (22 read-only tools). Read operations go through the Figma REST API; write operations are executed via the Desktop Bridge plugin over WebSocket using the Figma Plugin API.
Core capabilities include: one-click design system extraction (tokens, components, styles), a generic figma_execute tool for running arbitrary Plugin API code to create design elements, full variable lifecycle management, FigJam collaboration content creation, design-code parity scoring and diff reports, WCAG accessibility dual-side auditing (with color blindness simulation), and visual debugging via screenshots and real-time log streams. The accessibility scanning module was added in v1.22.0.
Cloud deployment runs on Cloudflare Workers. Cloud Mode uses a Durable Object WebSocket relay to enable write access from Web AI clients to desktop Figma, employing a 6-digit pairing code mechanism. Built-in MCP Apps provide Token Browser and Design System Dashboard interactive interfaces.
Prerequisites: Node.js ≥ 18, Figma Desktop (required for writes), MCP-compatible client, Figma PAT (needs File content Read, Variables Read, Comments Read and write permissions).
NPX quick start:
claude mcp add figma-console -s user \
-e FIGMA_ACCESS_TOKEN=figd_YOUR_TOKEN_HERE \
-e ENABLE_MCP_APPS=true \
-- npx -y figma-console-mcp@latest
Compatible clients: Claude Code, Claude Desktop, Cursor, Windsurf, Claude.ai (Cloud Mode), v0, Replit, Lovable.