An MCP server for Figma that tries to understand design.

201 tools. Snaps spacing to 8px grid. Enforces 44px touch targets. Resolves font weights. Checks WCAG contrast. The generative stuff produces clean wireframes, not finished designs. The utility tools are genuinely useful.

npx conductor-figma

Experimental. Things break. DYOR. GitHub

What actually works well

These are the tools I use daily. They do one thing and they do it right.

Contrast checker

Two hex colors in, WCAG AA/AAA result out. Instant. I use this constantly.

Design system scanner

Scans your Figma file. Lists every color, font, spacing value, and radius in use. Finds inconsistencies.

Batch replace color

Swap one color for another across your entire file. Actually works.

Type scale generator

Pick a ratio, get all the sizes. Saves Googling "major second type scale" for the hundredth time.

Color palette

One hex in, full semantic palette out. Background, surface, border, text levels, status colors. Dark + light.

Craft guide

Returns the design rules the system follows. Typography, spacing, color, anti-patterns. Good reference.

What works but is rough

These produce correct structure with proper spacing. But the visual output is basic. Starting points, not final designs.

Page generation WIP

Creates full pages with sections. Structure is right. Spacing is right. Looks like a wireframe though.

Smart components WIP

A button looks like a button. Correct height, padding, radius. But they are simple.

Code export WIP

Converts nodes to React + Tailwind. Needs more work before you would ship the output.

Dashboard layouts WIP

Sidebar, KPI cards, chart area. Correct structure. Not something you screenshot for Twitter.

The idea behind it

Every other Figma MCP server is a shape proxy. You give pixel values, it obeys, even when those values are wrong. Conductor tries to fix the numbers before they reach the canvas.

8px grid

You say 13px. Server snaps to 16px. Every padding, margin, gap.

Touch targets

Buttons get 44px minimum. Inputs match. Not negotiable.

Font weights

"bold" becomes "Bold". "600" becomes "Semi Bold". Automatic.

Type scale

7 ratio presets. Font sizes follow math, not guessing.

Semantic colors

One hex in, full palette out. bg, surface, border, 3 text levels.

Auto-layout

Every frame uses Figma auto-layout. Zero absolute positioning.

Setup

Three steps. You need Cursor (or Claude Code), Figma Desktop, and a terminal.

~/.cursor/mcp.json

// Add this to your Cursor MCP config
{
  "mcpServers": {
    "conductor": {
      "command": "npx",
      "args": ["-y", "conductor-figma"]
    }
  }
}

1. Clone repo

For the Figma plugin. Plugins > Development > Import from manifest.

2. Add to Cursor

Paste the config above. Or use a local path for faster startup.

3. Run plugin

Open Figma, run Conductor. Green dot = connected. Chat in Cursor.

You may need to run npx conductor-figma in a separate terminal tab for a stable Figma connection. Cursor restarts MCP processes unpredictably.

Example prompts

What you can actually type in Cursor chat.

"Check contrast between #fff and #6366f1"

Returns WCAG AA/AAA pass/fail. Works every time. solid

"Scan my file for off-grid spacing"

Lists every value not on 8px grid. solid

"Replace all #6366f1 with #3b82f6"

Swaps color across the entire file. solid

"Generate a type scale with major second ratio"

Returns all sizes. solid

"Create a hero section with heading and CTA"

Produces a frame with correct spacing. Basic but usable. WIP

"Build a dashboard with sidebar and KPI cards"

Structure is right. Visuals are wireframe-level. WIP

201 tools, 17 categories

Click to expand. Honestly, maybe 40 of these are daily-useful. The rest exist so the AI knows it can use them.

Disclaimer

This is experimental, open-source software for educational purposes. Provided as-is with no warranties of any kind. The author is not liable for any damages, data loss, or corruption of Figma files. Not affiliated with Figma, Anthropic, or Anysphere. Always back up your files. DYOR. Use at your own risk.