HTML to Figma — Design System

Translate HTML prototypes into Figma using your design system's real components and tokens.

GitHub · npm · Website · Registry

Dev tools & GitHub AI models & media Memory & context

Downloads, last 30 days

Install

Run it directly:

npx -y html-to-figma-design-system

Or add it to your client config (Claude Desktop claude_desktop_config.json, Cursor .cursor/mcp.json):

{
  "mcpServers": {
    "html-to-figma-design-system": {
      "command": "npx",
      "args": [
        "-y",
        "html-to-figma-design-system"
      ]
    }
  }
}

Generated from the package metadata in the official MCP Registry. MCP Morning does not run or test servers; check required environment variables in the project README.

Alternatives