figma-console-mcp-cli

Interactive CLI wizard that configures the Figma Console MCP server across AI coding clients.

Quick Start

npx figma-console-mcp-cli

What It Does

The wizard walks you through:

1. System check — validates Node >= 18 and detects Figma Desktop
2. Authentication — prompts for your Figma Personal Access Token
3. Client detection — finds installed AI clients and lets you pick which to configure
4. Configuration — injects the MCP server config into each client
5. Connection setup — choose Bridge (plugin) or CDP (debug port) and get setup instructions
6. Health check — verifies the connection to Figma is working

Doctor Command

Already set up? Use doctor to audit and manage your integrations:

npx figma-console-mcp-cli doctor

The doctor command scans all supported clients and shows their integration status, then lets you:

• Update your Figma token across all configured clients
• Remove the integration from selected clients
• Add the integration to newly-installed clients

Supported Clients

• Claude Code
• Claude Desktop
• Cursor
• Windsurf

Connection Methods

• Desktop Bridge Plugin (recommended) — install a Figma plugin, no restart needed
• CDP Debug Mode — relaunch Figma with remote debugging enabled on port 9222

Requirements

• Node.js >= 18
• Figma Desktop (for connection setup)
• A Figma Personal Access Token

Development

# Install dependencies
npm install

# Run the CLI in dev mode
npm run dev

# Build
npm run build

# Run compiled CLI
npm start

License

MIT