mcpbeat

UI Design to Code MCP Server

io.github.Kinglions/ui-design-to-code-mcp
local only

UI Design to Code runs on your own machine — the client starts it, so there is no endpoint to ping. 106 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 17 · +15% w/w
a month agotoday
106
Installs / week
npm · ui-design-to-code-mcp
0
Stars
0 open issues
26 Jun 2026
Last commit
0 releases in 90 days
MIT
License
JavaScript

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.

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"
    }
  }
}

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 106 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 106 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.