MCP server

UI Design to Code

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

Checked 26 Oct 2026, 08:31 UTC · Still published on its registry; checked against OSV.dev; never run by us

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

Runs on your computer

Source

At a glance

Type: MCP server
Publisher: Not verified
Status: Runs on your computer
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code
Last checked: 26 Oct 2026, 08:31 UTC

Connect it to your agent

Add to Cursor Add to VS Code VS Code Insiders

Opens the app, which shows the server and asks you to confirm. It then runs the package on your computer with your permissions. For other apps, copy the setup below.

Claude Code

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

Claude Desktop

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

Codex (config.toml)

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

Gemini CLI

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

Cursor

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

VS Code

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

Runs on your computer with your permissions: check the package and its source before installing.

Browse

Related MCP servers

Figma
Figma MCP Pack
Compose Preview Catalogs
Browse, inspect and render Jetpack Compose Material 3 and Wear component catalogs.
Microlink
Microlink MCP — wraps Microlink API (free tier, no auth required)
Raven
Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
Swapp1990 Designforyou
Generate logos, social posts, app screenshots, comic panels & visual-novel assets from prompts.
AIStrategyMiner
Design trading strategies with your AI and open them in a visual no-code Strategy Builder.
Webbersites X402 Data Api
45 pay-per-call AI agent tools: scraping, SEO, crypto data, lint, agent memory. x402 USDC on Base.
Whoogy
Compare Figma designs against live websites and get visual + content QA reports, from inside Claude.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.Kinglions/ui-design-to-code-mcp.svg)](https://aptlynx.net/servers/io.github.Kinglions/ui-design-to-code-mcp)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents