HTML to Figma — Design System
About
Translate HTML prototypes into Figma using your design system's real components and tokens.
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 html-to-figma-design-system -- npx html-to-figma-design-system
Cursor
If the button doesn't open Cursor, use the JSON below — Cursor accepts the same mcpServers config.
VS Code
code --add-mcp '{"name":"html-to-figma-design-system","command":"npx","args":["html-to-figma-design-system"]}'
JSON
{
"mcpServers": {
"html-to-figma-design-system": {
"command": "npx",
"args": [
"html-to-figma-design-system"
]
}
}
}