figma-console-mcp

figma-console-mcp

Connect AI with Figma to enable design extraction, creation, and debugging.

MCPDesignOpen source
Type
MCP
Open source
Yes
GitHub Stars
★ 1.9k
Source
mcp-github

Overview

Figma Console MCP is a Model Context Protocol server that bridges design and development, enabling AI assistants full access to Figma for extraction, creation, debugging, and bidirectional token synchronization. With this capability, AI can extract variables, components, and styles from design systems, create UI components and layouts, manage design tokens, and perform real-time monitoring. Ideal for developers and designers seeking to automate design workflows.

Capabilities

  • Design system extraction
  • Bidirectional token synchronization
  • Visual debugging
  • Design creation
  • Variable management
  • Version history and time-series awareness

Use cases

Automated design system extractionCreating and modifying designsDesign debugging and testingDesign token management

Setup

Requires: Node.js 18+Figma DesktopMCP客户端Figma个人访问令牌
Install using npx: `npx -y figma-console-mcp@latest`; or configure in your MCP client.

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.

FAQ

How do I get a Figma personal access token?

Go to the Figma Help Center, create a new personal access token, and set the appropriate permissions.

Which MCP clients are supported?

Supports Claude Code, Cursor, Windsurf, Claude Desktop, and others.

Related skills