HotStack

← Back to browse

UI Design to Code

Indexed by io.github.Kinglions
View source ↗

About

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

Use this server

Add it to your MCP client. The catalogue lists this config verbatim from its source — it does not run, download, or vouch for the server. Review the command before you run it.

Transportstdio (runs a local command)
Claude Code 
claude mcp add ui-design-to-code-mcp -- npx ui-design-to-code-mcp
Cursor

Add to Cursor

If the button doesn't open Cursor, use the JSON below — Cursor accepts the same mcpServers config.

VS Code 
code --add-mcp '{"name":"ui-design-to-code-mcp","command":"npx","args":["ui-design-to-code-mcp"]}'
JSON 
{
  "mcpServers": {
    "ui-design-to-code-mcp": {
      "command": "npx",
      "args": [
        "ui-design-to-code-mcp"
      ]
    }
  }
}