HTML to Figma — Design System MCP Server

by miapre Your server? Claim it

local only

HTML to Figma — Design System runs on your own machine — the client starts it, so there is no endpoint to ping. 26 installs a week from npm. Last commit 15 Jul 2026.

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

Installs per day peak 23 · avg 4 · +11% w/w

a month agotoday

Installs / week

npm · html-to-figma-design-system

Stars

1 open issues

15 Jul 2026

Last commit

0 releases in 90 days

MIT

License

JavaScript

Nothing serious here today

Today is the operative word: we check HTML to Figma — Design System every 15 minutes and re-read its code on every release. Watch it and you find out the day that stops being true.

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

Claude Code Claude Desktop Codex Cursor VS Code

run in your terminal

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

~/Library/Application Support/Claude/claude_desktop_config.json

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

~/.codex/config.toml

[mcp_servers.html-to-figma-design-system]
command = "npx"
args = ["-y", "html-to-figma-design-system"]

.cursor/mcp.json

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

.vscode/mcp.json

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

Alternatives to HTML to Figma — Design System

same job, measured the same way

Mimic AI

by miapre

Builds Figma from your design system: real components and tokens, enforced, learning every build.

66 installs/wk local only

Design System

by zaklad

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

answering

Anima MCP Server

by animaapp

Connect AI coding agents to Anima Playground, Figma, and your design system.

answering

melta UI

by tsubotax

AI-Ready design system MCP: melta UI tokens, component contracts, 99 rules, check_html self-verify

131 installs/wk local only

Design Token Bridge MCP

by kenneives

Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI

79 installs/wk local only

Supernova

by supernova

Access and maintain design system docs, tokens, components, skills, and contexts across any project.

answering

Tseha

by tseha

Serves your design system and coding standards to coding agents, so they stop guessing.

9 tools answering

TypeUI

by bergside

Design systems, UI prompts, and layout variations for AI coding tools.

answering

HTML to Figma — Design System — questions

Answers built from our own checks of this server.

Why is there no uptime for HTML to Figma — Design System?

HTML to Figma — Design System runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package html-to-figma-design-system was installed 26 times last week.

How do I connect HTML to Figma — Design System?

Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It runs locally, so the command pulls html-to-figma-design-system straight from npm; nothing to host, nothing to sign up for.

How many people use HTML to Figma — Design System?

The npm package html-to-figma-design-system was installed 26 times in the last week. Week over week that is +11%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.

Is HTML to Figma — Design System open source?

Yes — it is published under the MIT licence, written in JavaScript, 13 stars on GitHub and 1 open issue. The source link is on this page, so you can read exactly what it does with your data before you connect it.