UI Design to Code for Windsurf

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

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

client:Windsurf transport:stdio runtime:npm

Install UI Design to Code in Windsurf

~/.codeium/windsurf/mcp_config.json · windows: %USERPROFILE%\.codeium\windsurf\mcp_config.json

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

Global only — Windsurf has no per-project MCP config. Refresh Cascade after saving. Windsurf docs

UI Design to Code in other clients

Claude Code
Claude Desktop
Cursor
VS Code
Zed
Cline
Gemini CLI
Grok
LangChain

UI Design to Code MCP server