MCP server

HTML to Figma — Design System

io.github.miapre/html-to-figma-design-system

Checked 26 Oct 2026, 08:31 UTC · Still published on its registry; checked against OSV.dev; never run by us

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

Runs on your computer

Website Source

At a glance

Type: MCP server
Publisher: Not verified
Status: Runs on your computer
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code
Last checked: 26 Oct 2026, 08:31 UTC

Connect it to your agent

Add to Cursor Add to VS Code VS Code Insiders

Opens the app, which shows the server and asks you to confirm. It then runs the package on your computer with your permissions. For other apps, copy the setup below.

Claude Code

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

Claude Desktop

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

Codex (config.toml)

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

Gemini CLI

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

Cursor

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

VS Code

{"servers":{"html-to-figma-design-system":{"type":"stdio","command":"npx","args":["-y","html-to-figma-design-system@1.1.0"]}}}

Runs on your computer with your permissions: check the package and its source before installing.

Browse

Related MCP servers

Raven
Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
Tseha
Serves your design system and coding standards to coding agents, so they stop guessing.
Figma
Figma MCP Pack
Digitaltableteur
Design system contracts, docs search, and usage validation for @digitaltableteur components.
Agentdevx
Give your AI hands. Identity, credential vault, and API gateway for autonomous agents.
Sleek
Design your mobile app UI with AI, then have your coding agent build the real app from it.
Nasaq UI
Nasaq design system docs for agents: 390 components for React, Vue, Blade and HTML, with Arabic RTL.
opointo
Design a React Native app in a browser and emit it as a real Expo project you own, iOS and Android.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.miapre/html-to-figma-design-system.svg)](https://aptlynx.net/servers/io.github.miapre/html-to-figma-design-system)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents