8px grid
Every padding, margin, and gap snapped to the 8px grid. No 13px. No 27px. Always clean multiples.
MCP server for Figma
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
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.
Every padding, margin, and gap snapped to the 8px grid. No 13px. No 27px. Always clean multiples.
Font sizes follow mathematical ratios. Headings, body, captions — all related. Not random numbers.
One brand hex → full palette. Background, surface, border, 3 text levels, status colors. Dark + light.
WCAG AA/AAA contrast checking. 44px touch targets enforced. Color blindness simulation.
Every frame uses Figma auto-layout. Proper padding, gap, alignment. Zero absolute positioning.
"bold" → "Bold". "600" → "Semi Bold". Font weight resolution is automatic on every text node.
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.
| Capability | Others | Conductor |
|---|---|---|
| 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 |
Two steps. Under a minute.
// 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.
Sidebar + KPI cards + chart area. Auto-layout, proper spacing, semantic naming.
Contrast ratios, touch targets, off-grid spacing, generic layer names — all flagged.
Any node tree → React + Tailwind, HTML/CSS, Vue, or Svelte. Production-ready.
Click to expand.
201 tools. 17 categories. Design intelligence in every call.
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.