UI Design to Code MCP Server

by kinglions Your server? Claim it

local only

UI Design to Code runs on your own machine — the client starts it, so there is no endpoint to ping. 220 installs a week from npm. Last commit 26 Jun 2026.

Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.

Installs per day peak 57 · avg 18 · +15% w/w

a month agotoday

220

Installs / week

npm · ui-design-to-code-mcp

Stars

0 open issues

26 Jun 2026

Last commit

0 releases in 90 days

MIT

License

JavaScript

What the code does

We read the source, 31 min ago · rules 3dff92dd89df

Capabilities

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.

Runs an external command bin/ui-design-to-code-mcp.js:53, [пакет] bin/ui-design-to-code-mcp.js:53

  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 Code Claude Desktop Codex Cursor VS Code

run in your terminal

claude mcp add ui-design-to-code-mcp -- npx -y ui-design-to-code-mcp

~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "ui-design-to-code-mcp": {
      "args": [
        "-y",
        "ui-design-to-code-mcp"
      ],
      "command": "npx"
    }
  }
}

~/.codex/config.toml

[mcp_servers.ui-design-to-code-mcp]
command = "npx"
args = ["-y", "ui-design-to-code-mcp"]

.cursor/mcp.json

{
  "mcpServers": {
    "ui-design-to-code-mcp": {
      "args": [
        "-y",
        "ui-design-to-code-mcp"
      ],
      "command": "npx"
    }
  }
}

.vscode/mcp.json

{
  "mcpServers": {
    "ui-design-to-code-mcp": {
      "args": [
        "-y",
        "ui-design-to-code-mcp"
      ],
      "command": "npx"
    }
  }
}

Alternatives to UI Design to Code

same job, measured the same way

Visily UI Design

by visily-app

UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.

answering

Kiyas

by saiffmirza

AI design fidelity — compare Figma designs or screenshots against rendered UI. No API keys.

64 installs/wk local only

Figma Context MCP Air

by compassalessandrolorenz

Figma MCP server for AI agents. 9 tools: design context, variables, screenshots, and FigJam.

34 installs/wk local only

Llama AI MCP

by rocnubie

Use Llama AI Chat to test Meta Llama 4 Maverick on code review, long PDFs, and screenshots.

local only

ocular

by xyun1996

Vision tools for coding agents: screenshots, OCR, UI diffs, errors, tables, and charts.

33 installs/wk local only

One Shot UI

by tn0123

Deterministic UI extraction and screenshot diffing for AI coding agents.

66 installs/wk local only

Ironfang

by ironfang

Screenshots, PDFs, QR codes, clips and template renders with a normal OAuth sign-in.

answering

Anylens

by slowper

Turn videos, PDFs, screenshots, and articles into anchored, cached understanding for agents.

38 installs/wk local only

UI Design to Code — questions

Answers built from our own checks of this server.

Why is there no uptime for UI Design to Code?

UI Design to Code runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package ui-design-to-code-mcp was installed 220 times last week.

How do I connect UI Design to Code?

Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It runs locally, so the command pulls ui-design-to-code-mcp straight from npm; nothing to host, nothing to sign up for.

How many people use UI Design to Code?

The npm package ui-design-to-code-mcp was installed 220 times in the last week. Week over week that is +15%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.

Is UI Design to Code open source?

Yes — it is published under the MIT licence, written in JavaScript and 0 stars on GitHub. The source link is on this page, so you can read exactly what it does with your data before you connect it.