UI Design to Code runs on your own machine — the client starts it, so there is no endpoint to ping. 117 installs a week from npm. Last commit 15 Oct 2026.
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
What the code does
We read the source, 4 d ago · rules 995398eba69f
What this server is able to do. For an MCP server this is often the job itself — a terminal server runs commands because that is what it is for. Listed so you know what you are plugging in, not as an accusation.
const server = spawn(process.execPath, [serverPath], { stdio: ["pipe", "pipe", "pipe"] });
Is this your server and something here is wrong? Tell us — corrections are free and do not require a plan.
This code can reach further than it looks
We found places where it runs commands, builds paths or queries from values it is given. None of that is a flaw by itself — it becomes one when the code changes, and code changes quietly between releases. We re-read it on every one.
Connect this server
This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.
claude mcp add ui-design-to-code-mcp -- npx -y ui-design-to-code-mcp{
"mcpServers": {
"ui-design-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp"
]
}
}
}[mcp_servers.ui-design-to-code-mcp]
command = "npx"
args = ["-y", "ui-design-to-code-mcp"]{
"mcpServers": {
"ui-design-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp"
]
}
}
}{
"servers": {
"ui-design-to-code-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp"
]
}
}
}Alternatives to UI Design to Code
same job, measured the same wayUI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
AI design fidelity — compare Figma designs or screenshots against rendered UI. No API keys.
Figma MCP server for AI agents. 9 tools: design context, variables, screenshots, and FigJam.
Signing, TestFlight, App Store metadata, screenshots and App Review for AI agents, on a NoMac Mac.
Use Llama AI Chat to test Meta Llama 4 Maverick on code review, long PDFs, and screenshots.
Screenshots, page to Markdown, link previews, DNS, SSL, WHOIS, QR codes and more for AI agents.
Vision tools for coding agents: screenshots, OCR, UI diffs, errors, tables, and charts.
Visual regression testing over MCP: upload screenshots, review diffs, approve. No CI needed.
UI Design to Code — questions
Answers built from our own checks of this server.