HTML to Figma — Design System

About HTML to Figma — Design System

Use HTML to Figma — Design System with your agent

claude mcp add html-to-figma-design-system -- npx -y html-to-figma-design-system

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

Frequently asked questions

What is HTML to Figma — Design System?

HTML to Figma — Design System is an MCP (Model Context Protocol) server by miapre in the Design Tools category. Translate HTML prototypes into Figma using your design system's real components and tokens.

How do I connect HTML to Figma — Design System to Claude, Cursor, or another MCP client?

Install HTML to Figma — Design System from its npm package (html-to-figma-design-system) and register it under "mcpServers" in your client's MCP configuration — for example claude_desktop_config.json or Cursor's mcp.json — then restart the client.

Is HTML to Figma — Design System open source?

Yes — the source code is public at github.com/miapre/html-to-figma-design-system, with 3 GitHub stars.

Can AI agents pay to use HTML to Figma — Design System?

Not yet through Loomal — HTML to Figma — Design System is listed as a free directory entry. If its maintainer verifies ownership, they can set per-call USDC pricing that agents pay over x402, with settlement on Base.