HTML to Figma — Design System

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

Nakkas

MCP server that turns AI into an SVG artist. One rendering engine, AI decides everything.

Ux

UX toolkit: 28 knowledge resources, 23 analysis tools & 4 workflow prompts for any MCP client

design

Ui

Forge Space MCP server for UI and backend generation via stdio transport.

Claude Desktopguide →Vscodeguide →Cursorguide →Windsurfguide →

aidesignweb

HTML to Figma — Design System

stdio

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

design

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

Photoshop

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

Nakkas

MCP server that turns AI into an SVG artist. One rendering engine, AI decides everything.

Ux

UX toolkit: 28 knowledge resources, 23 analysis tools & 4 workflow prompts for any MCP client

design

Ui

Forge Space MCP server for UI and backend generation via stdio transport.