UI Design to Code
Rank #42,460io.github.Kinglions/ui-design-to-code-mcp
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
UI Design to Code is a Model Context Protocol (MCP) server published by kinglions. It ranks #42,460 of 137,492 servers tracked on MCP Toplist. UI Design to Code is listed across 3 registries — Official MCP, Glama and PulseMCP, with 5 tracked versions. It was first listed on Jun 4, 2026 and most recently updated on Jun 26, 2026.
Ranks ahead of 95,032 of 137,492 servers on MCP Toplist.
Use UI Design to Code
No credentials or required configuration declared — add it to your MCP client and go.
claude mcp add ui-design-to-code-mcp -- npx -y ui-design-to-code-mcp[mcp_servers.ui-design-to-code-mcp]
command = "npx"
args = ["-y", "ui-design-to-code-mcp"]Add to ~/.codex/config.toml.
{
"mcpServers": {
"ui-design-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp"
]
}
}
}Add to claude_desktop_config.json (Settings → Developer → Edit Config).
{
"mcpServers": {
"ui-design-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp"
]
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project).
{
"servers": {
"ui-design-to-code-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp"
]
}
}
}Save as .vscode/mcp.json in your workspace.
{
"mcpServers": {
"ui-design-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp"
]
}
}
}Add to ~/.codeium/windsurf/mcp_config.json.
{
"mcpServers": {
"ui-design-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp"
]
}
}
}Show your rank
Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.
[](https://mcptoplist.com/server/io.github.Kinglions%2Fui-design-to-code-mcp)<a href="https://mcptoplist.com/server/io.github.Kinglions%2Fui-design-to-code-mcp"><img src="https://mcptoplist.com/badge/io.github.Kinglions%2Fui-design-to-code-mcp.svg" alt="MCP Toplist: Top 50% of 137,492" /></a>Variants: append ?metric=score or ?metric=stars to the image URL.
Listed on 3 registries
kinglions
Available versions (5)
| Version | Published |
|---|---|
| 0.1.12 | Jun 26, 2026 |
| 0.1.9 | Jun 10, 2026 |
| 0.1.8 | Jun 10, 2026 |
| 0.1.7 | Jun 8, 2026 |
| 0.1.6 | Jun 8, 2026 |
Frequently asked questions
- Who maintains UI Design to Code?
- UI Design to Code is maintained by kinglions, which publishes 1 MCP server (5 total versions) tracked on MCP Toplist.
- Is UI Design to Code listed on the Official MCP Registry?
- Yes — UI Design to Code is listed on the Official MCP Registry, alongside Glama and PulseMCP.
- How many versions does UI Design to Code have?
- MCP Toplist tracks 5 versions of UI Design to Code, most recently published on Jun 26, 2026.
- Where can I find the source code for UI Design to Code?
- The source code for UI Design to Code is hosted at github.com/kinglions/ui-design-to-code-mcp.
Do you run this server?
Community projects list the MCP servers behind real agents and apps. Publish yours and this page will link to it.