UI Design to Code

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

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

View repository →

Connect this server

Add this to your MCP client config — claude_desktop_config.json (Claude Desktop) or .cursor/mcp.json (Cursor).Suits: Claude Desktop · Cursor.

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

A starting point — check the repository for exact arguments and setup. Restart your client after editing the config.

Category
Developer Tools
Version
0.1.12
Registry
active
Published
6/26/2026

More Developer Tools servers

Browse all Developer Tools →

Certvas — African & EM Markets

KingMandase

License-clean African & EM data as citable agent tools: company fundamentals, tenders (OCDS), macro.

Developer ToolsAdded 3 months ago

io.github.KingPeque/coinvoyage

KingPeque

CoinVoyage MCP — create crypto PayOrders, webhooks, swaps across Bitcoin/Solana/EVM chains.

Developer ToolsAdded 6 months ago

rdrop for Raindrop.io

KingPsychopath

Search Raindrop.io bookmarks and review tag and collection plans. Read-only MCP by default.

Developer ToolsAdded 1 month ago

SageChimp book verdicts

Kingtriton92

Unpaid-vs-ARC book verdicts, catalog facts, series order, and sample reviews.

Developer ToolsAdded 2 months ago

io.github.kingwarthur/camelotwebtools-mcp

kingwarthur

Official MCP server for Camelot Web Tools: 79 deterministic business, legal, and financial tools.

Developer ToolsAdded 1 month ago

Venue Authority

kingymon1

Verify food-service facilities against supported regulator records.

Developer ToolsAdded 2 months ago

Add the badge to your site

Show visitors that UI Design to Code is listed here — it’s also the link we check for a free listing.

UI Design to Code — listed on Serverdex

HTML — for your website

<a href="https://serverdex.io/server/io-github-kinglions-ui-design-to-code-mcp?utm_source=badge"><img src="https://serverdex.io/brand/badge.svg" alt="UI Design to Code — listed on Serverdex" width="123" height="40" loading="lazy"></a>

Recommended. A dofollow link from your own domain is the one that counts for search engines, and it's the link we check for a free listing.

Markdown — for your README

[![UI Design to Code — listed on Serverdex](https://serverdex.io/brand/badge.svg)](https://serverdex.io/server/io-github-kinglions-ui-design-to-code-mcp?utm_source=badge)

Nice for visibility, but GitHub marks README links nofollow, so it doesn't pass authority. Use the HTML badge on your site as well.