UI Design to Code

by io.github.Kinglions · design-creative · mcp-server, official-registry

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

Source: https://github.com/Kinglions/ui-design-to-code-mcp

Install

git clone https://github.com/Kinglions/ui-design-to-code-mcp

Tags: mcp-server, official-registry

Source: mcp-registry

About design-creative MCP servers and Claude skills

design-creative MCP servers extend what AI agents can do inside Claude Code, Cursor, Copilot, Codex, and Windsurf. The Skiln directory indexes 16,000+ such integrations across 22 categories.

UI Design to Code is one of hundreds of design-creative entries indexed on Skiln. Browse the full design-creative category or the complete directory of Claude skills, MCP servers, agents, commands, and hooks.

Related design-creative MCPs and skills

  • io.github.anousss007/blatui by io.github.anousss007

    shadcn/ui for Laravel Blade — discover, read and install BlatUI components, blocks and charts.

  • IBKR Portfolio Builder by io.github.adwiteeymauriya

    Top-down IBKR research: 468 typed screeners tagged by strategy intent, news, account access.

  • io.github.LaZZy0v0/tijori-finance by io.github.LaZZy0v0

    Indian equity research MCP — 5,000+ NSE/BSE stocks, financials, KPIs, and concall transcripts.

  • io.github.Creativestefan/mailbridge by io.github.Creativestefan

    Connect Claude to your email — read, search, send, and organise emails via IMAP/SMTP.

  • dev.swatchdog/validator by dev.swatchdog

    On-demand MCP drift checks: declared CSS color, radius, spacing & type tokens vs a chosen pack.

  • Salesbuildr MCP by io.github.Servosity

    Every Salesbuildr resource as a scriptable command, plus offline margin and pipeline analytics.

  • io.github.3121n/kartverket-mcp by io.github.3121n

    Norwegian address geocoding, places, properties, buildings & elevation from Kartverket.

  • CryptoQuant by com.cryptoquant

    Query cryptocurrency on-chain data, OHLCV prices, market data, and Research & QuickTake insights.

Frequently asked questions

How do I install UI Design to Code?

Add the install command above to your Claude Code, Cursor, or Windsurf MCP configuration. Most servers register via npx, a local command, or a Docker image. Refer to the source repository for environment variables and credential requirements.

Which clients support UI Design to Code?

Any MCP-compatible client works: Claude Desktop, Claude Code CLI, Cursor, Windsurf, Zed, and VS Code with the official MCP extension. OpenAI Codex and GitHub Copilot increasingly support MCP via adapter bridges.

Is UI Design to Code free?

The server itself is typically open source. Any upstream service (API keys, paid tiers, hosted infrastructure) may have its own pricing. Check the source repository for details.