HTML to Figma — Design System

A flock of AI users tests your deployed app and reports where real people get stuck, with fixes.

design1 env var

Opendesignguard

Paid remote MCP for agent design system guard MCP, structured receipts, audit logs, and reviewer-rea

Photoshop

MCP server for Adobe Photoshop automation - control Photoshop from AI assistants

aidesign

Figma Mcp Rust

Figma MCP server in Rust — plugin bridge, no API token, no rate limits, 73 tools.

HTML to Figma — Design System

stdio

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

Claude Desktopguide →Vscodeguide →Cursorguide →Windsurfguide →

Getting Started

npx @getmcp/cli add io.github.miapre/html-to-figma-design-system

Requires Node.js 18+. Community-contributed server. Review source before installing.

Configuration

Config file: ~/Library/Application Support/Claude/claude_desktop_config.json

JSON

{
  "mcpServers": {
    "io.github.miapre/html-to-figma-design-system": {
      "command": "npx",
      "args": [
        "-y",
        "html-to-figma-design-system"
      ]
    }
  }
}

Claude Desktop MCP documentation

Related Servers

Canaryusers

A flock of AI users tests your deployed app and reports where real people get stuck, with fixes.

design1 env var

Opendesignguard

Paid remote MCP for agent design system guard MCP, structured receipts, audit logs, and reviewer-rea

Photoshop

MCP server for Adobe Photoshop automation - control Photoshop from AI assistants

aidesign

Figma Mcp Rust

Figma MCP server in Rust — plugin bridge, no API token, no rate limits, 73 tools.