ui_design_to_code

ui_design_to_code is an MCP server for Claude Code, Codex, Cursor, Gemini CLI, OpenCode from Kinglions/ui-design-to-code-mcp. Its token cost is not measured, scanned A, original, MIT.

A local service that turns UI screenshots and Figma designs into materials for building the interface in code. Figma is a collaborative design tool.

In plain words
What is it for?
Use it to create design-to-code artifacts from screenshots or Figma data for Codex, Cursor, or Claude Code.
Why use it?
It helps developers use visual designs as a starting point instead of translating every screen detail by hand.

MCP server for Claude CodeCodexCursorGemini CLIOpenCode

Written for no agent in particular: it speaks MCP, so any client can run it. Also seen: listed in a Claude config.

Good fit Use it to create design-to-code artifacts from screenshots or Figma data for…

Compare 6 mcp servers from other repositories ↓
Install with agentmods
npx agentmods add mcp/kinglions/ui-design-to-code-mcp/ui-design-to-code-ui_design_to_code
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Clone the repo
git clone --depth 1 https://github.com/Kinglions/ui-design-to-code-mcp

Made for: Claude Code, Codex, Cursor, Gemini CLI, OpenCode.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for ui_design_to_code

README.md
[![agentmods](https://agentmods.dev/badge/mcp/kinglions/ui-design-to-code-mcp/ui-design-to-code-ui_design_to_code.svg)](https://agentmods.dev/mcp/kinglions/ui-design-to-code-mcp/ui-design-to-code-ui_design_to_code)
Your own site
<a href="https://agentmods.dev/mcp/kinglions/ui-design-to-code-mcp/ui-design-to-code-ui_design_to_code"><img src="https://agentmods.dev/badge/mcp/kinglions/ui-design-to-code-mcp/ui-design-to-code-ui_design_to_code.svg" alt="Measured on agentmods" height="20"></a>
Per session not measured What this adds to a session before it is invoked.
When invoked not measured Not applicable: nothing here is loaded into a session.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Security

Grade A, and why

ui_design_to_code scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/ui-design-to-code/.mcp.json · 10 lines

What it actually says

{
  "ui_design_to_code": {
    "command": "npx",
    "args": [
      "-y",
      "ui-design-to-code-mcp@latest",
      "serve"
    ]
  }
}
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago First seen · 10 lines scan A 43adfadf002e

Subscribe to this mod's changes

ui_design_to_code is an MCP server published in the GitHub repository Kinglions/ui-design-to-code-mcp (0 stars, last pushed 2mo ago), licensed MIT. Its token cost is not measured: an MCP server costs its tool schemas, not its config file. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.