SearchCtrl KSign in

I want to turn designs into code

Servers that read Figma and other design files, and skills that enforce visual standards. Your agent builds from source design files instead of screenshots.

MCP servers for this

- MCP server
Figma-Context-MCP
Figma
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
16kActive
- Runs locally
- API key
Setup documented for Cursor
- MCP server
- Official
Dembrandt
Dembrandt
Design tokens from any live site: colours, type, spacing, components, drift against a baseline.
3.9kActive
- Runs locally
- API key
Setup documented for Claude Code, VS Code (GitHub Copilot), Cursor, Windsurf
- MCP server
- Official
Appllama
Appllama
Study screens, flows and paywalls from top-earning iOS apps, then build from what wins.
3.4kActive
- Remote
- OAuth
Setup documented for Claude Code, Codex, Cursor
- MCP server
TypeUI
TypeUI
Design systems, UI prompts, and layout variations for AI coding tools.
2.2kActive
- Remote
- No auth
Setup documented for VS Code (GitHub Copilot), Codex, Cursor, Claude Desktop and 4 more
- MCP server
figma-ui-mcp
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
264Active
- Runs locally
Setup documented for Claude Code, VS Code (GitHub Copilot), Cursor, Claude Desktop and 1 more
- MCP server
StyleKit
MCP server for StyleKit styles, tokens, recipes, lint and repair over stdio or HTTP.
687Active
- Runs locally
- Remote
Setup documented for Claude Code, Cursor, Claude Desktop
- MCP server
melta UI
AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify
202Active
- Runs locally
Setup documented for Claude Code, Cursor
- MCP server
figwright
Figma
Pairs with a Figma plugin, not a Dev Mode seat.
1.2kActive
- Runs locally
- No auth
- Free
Setup documented for Claude Code, Codex, Cursor
- MCP server
NVIDIA Elements
NVIDIA Elements UI design system and agent tools for AI/ML, robotics, and autonomous vehicles.
106Active
- Runs locally
Setup documented for Claude Code, Codex, Cursor
- MCP server
figma-mcp-rust
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
73Active
- Runs locally
Setup documented for Claude Code, VS Code (GitHub Copilot), Codex
- MCP server
plumb-mcp
Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.
81Active
- Runs locally
- API key
Setup documented for Claude Code, VS Code (GitHub Copilot), Cursor
- MCP server
mcp-design-system-extractor
MCP server for Storybook design systems — extract component HTML, styles and metadata.
72Active
- Runs locally
Setup documented for Claude Code
- MCP server
onsystem
Catches palette colors, native elements and APIs your design system lacks in agent-written React.
74Active
- Runs locally
Setup documented for Claude Code, VS Code (GitHub Copilot), Cursor
- MCP server
dittu
Clone any website's frontend into Next.js or Astro and verify it with pixel diffs.
44Active
- Runs locally
- MCP server
memi
Memi is the design layer for agentic AI.
49Active
- Runs locally
- MCP server
Memoire
Shadcn-native Design CI for Tailwind apps with registry export and MCP UI tools.
49Active
- Runs locally
- MCP server
designer-skill-mcp
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
49Active
- Runs locally
Setup documented for Claude Code, VS Code (GitHub Copilot), Codex, Cursor and 1 more
- MCP server
Mobbin
Search real-world UI & UX design references for mobile apps, web apps, and websites with Mobbin.
65Active
- Remote
- MCP server
figma-mcp-go
Figma MCP server with full read/write access via plugin bridge — no API token or rate limits.
16Active
- Runs locally
Setup documented for Claude Code, VS Code (GitHub Copilot), Codex
- MCP server
MarkLayer
Work visual annotations on a live webpage: watch, acknowledge, resolve, reply, or leave your own.
44Active
- Runs locally
Setup documented for Claude Code, VS Code (GitHub Copilot), Cursor, Windsurf
- MCP server
codesign
Local design engine for AI agents: create, edit and export real, editable designs.
43Active
- Runs locally
Setup documented for Claude Code, VS Code (GitHub Copilot), Codex, Cursor and 4 more
- MCP server
AINDF
Read-only MCP server for one AINDF design-system bundle: look up what it offers, validate screens.
28Active
- Runs locally
- MCP server
Roast My Design System
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
28Active
- Runs locally
Setup documented for Claude Code, Cursor, Windsurf
- MCP server
buoy
The design system your coding agents check before they ship: tokens plus exact UI fixes.
20Active
- Runs locally
Setup documented for Claude Code

Skills for this