Translate HTML prototypes into Figma using your design system's real components and tokens.
Use this profile to copy client config, check auth requirements, review tools and resources, and compare related MCP servers before adding it to an AI client.
npx -y html-to-figma-design-systemAdd this server entry to the mcpServers object in your Claude Desktop config, then restart the app.
{
"mcpServers": {
"io-github-miapre-html-to-figma-design-system": {
"command": "npx",
"args": [
"-y",
"html-to-figma-design-system"
]
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.jsonNo remote HTTP endpoint is advertised. Use the package or stdio setup shown in Install.
HTML to Figma — Design System is an MCP server for Translate HTML prototypes into Figma using your design system's real components and tokens.. It supports STDIO transport.
Use the generated config in Install. This server runs with npx -y html-to-figma-design-system; add any required environment variables before starting your client.
Choose the Claude Desktop tab in Install and copy the config for npx -y html-to-figma-design-system. Add required environment variables before starting Claude Desktop.
Choose the Claude Code tab in Install and copy the config for npx -y html-to-figma-design-system. Add required environment variables before starting Claude Code.
Choose the Codex tab in Install and copy the config for npx -y html-to-figma-design-system. Add required environment variables before starting Codex.
Choose the Cursor or VS Code tab in Install and copy the config for npx -y html-to-figma-design-system. Add required environment variables before starting Cursor or VS Code.
HTML to Figma — Design System uses STDIO transport. Use the package or command config in Install.
HTML to Figma — Design System inventory is listed when the MCP endpoint exposes tools, resources, or prompts. Some servers require auth first.
HTML to Figma — Design System does not advertise a verified auth requirement. If discovery fails, it may still need provider login, an API key, a bearer token, or a session header.
| Package | Registry | Version | Inputs |
|---|---|---|---|
html-to-figma-design-systemstdio | npm | 1.1.0 | None advertised |