MCP server for Figma

Other MCP tools draw rectangles.
This one designs.

201 tools with built-in design intelligence. Every spacing value hits the 8px grid. Every button gets a 44px touch target. Every color pair passes WCAG contrast. Works with Cursor and Claude Code.

npx conductor-figma copied
201
Tools
17
Categories
18
Smart Components
758
Tests passing

What design intelligence means

You say "create a button." A typical MCP makes a rectangle. Conductor makes a 44px-tall frame with 20px horizontal padding, 10px radius, 15px Semi Bold text — because that's what a button is.

8px grid

Every padding, margin, and gap snapped to the 8px grid. No 13px. No 27px. Always clean multiples.

Type scale

Font sizes follow mathematical ratios. Headings, body, captions — all related. Not random numbers.

Semantic colors

One brand hex → full palette. Background, surface, border, 3 text levels, status colors. Dark + light.

Accessibility

WCAG AA/AAA contrast checking. 44px touch targets enforced. Color blindness simulation.

Auto-layout

Every frame uses Figma auto-layout. Proper padding, gap, alignment. Zero absolute positioning.

Font weights

"bold" → "Bold". "600" → "Semi Bold". Font weight resolution is automatic on every text node.


Typical MCP vs. Conductor

Most Figma MCP servers are API wrappers. You give exact pixel values, they obey — even when those values are wrong. Conductor applies design rules before anything touches the canvas.

CapabilityOthersConductor
Design intelligence✓ Grid-snapped
Smart components✓ 18 types
Accessibility audit✓ 12 tools
Code export✓ React, Tailwind, Vue, Svelte
Batch operations✓ 17 tools
Design system scan✓ Scan, normalize, lint
Responsive✓ Breakpoints, mobile gen
Prototyping✓ Links, overlays, flows
Typography tools✓ Scale, audit, normalize
Annotations✓ Redlines, spec sheets

Setup

Two steps. Under a minute.

~/.cursor/mcp.json
// Add to Cursor or Claude Code
{
  "mcpServers": {
    "conductor": {
      "command": "npx",
      "args": ["-y", "conductor-figma"]
    }
  }
}

Clone the repo. In Figma: Plugins → Development → Import plugin from manifest → select figma-plugin/manifest.json. Run the plugin. Chat in Cursor.

"Create a dashboard"

Sidebar + KPI cards + chart area. Auto-layout, proper spacing, semantic naming.

"Audit this frame"

Contrast ratios, touch targets, off-grid spacing, generic layer names — all flagged.

"Export as React"

Any node tree → React + Tailwind, HTML/CSS, Vue, or Svelte. Production-ready.


201 tools across 17 categories

Click to expand.


Stop proxying shapes. Start designing.

201 tools. 17 categories. Design intelligence in every call.


Disclaimer

This software is provided strictly for educational and experimental purposes only. Do your own research (DYOR) before using in any production environment. By using this software, you acknowledge and agree to the following:

MIT License · Copyright © 2025 0xDragoon · Full license text available in the repository.