← Back to browse

HTML to Figma — Design System

Indexed by io.github.miapre

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

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":"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"
      ]
    }
  }
}