HTML to Figma MCP Server: Install & Setup

Install HTML to Figma in Claude Code

Claude Code

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

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

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

Frequently asked questions

What does the HTML to Figma MCP server do?

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

Is the HTML to Figma MCP server free?

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Does HTML to Figma run locally or remotely?

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

How do I add HTML to Figma to Claude Code?

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

More other tools & integrations MCP servers

View all

hu Eli

matematicsolutions/hu-eli-mcp

MCP server for Hungarian legislation (Nemzeti Jogszabalytar): native ELI and verifiable citations.

LocalFree

hr Eli

matematicsolutions/hr-eli-mcp

MCP server for Croatian legislation (Narodne novine) with European ELI and verifiable citations.

LocalFree

Hudu

wyre-technology/hudu-mcp

MCP server for Hudu IT documentation — companies, assets, articles, passwords, and procedures.

LocalAccount needed

Hospital Prices

pipeworx-io/mcp-hospital-prices

hospital-prices -- what US hospitals charge for a service: gross charge, self-pay price and…

Local + RemoteFree

Hydracept

zencodeinc/hydracept-public

Hosted MCP for Hydracept: discover capabilities, run jobs, receipts, BYOK or managed billing.

Local + RemoteAccount needed

Hookcheck

CloudCorpRecords/hookcheck

Persistence hook auditor: scan repos for auto-exec hooks, flag Shai-Hulud patterns.

LocalFree