Skip to content
Claude Code

UI Design to Code for Claude Code

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

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

client:Claude Code transport:stdio runtime:npm

Install UI Design to Code in Claude Code

run in your project directory

claude mcp add ui-design-to-code-mcp -- npx -y ui-design-to-code-mcp

Adds it for this project only. Append --scope user to make it available everywhere. Claude Code docs

UI Design to Code in other clients