Ext Ops Panel
Open dashboard
Comparison

claude2figma vs HTML to Figma — Design System

claude2figma is a plugin bundle for AI coding tools published by senlindesign. Marketplaces we read that list it: 1 (Claude Code: claude-plugins-community). HTML to Figma — Design System is an MCP server published by miapre. Marketplaces we read that list it: 1 (Official MCP Registry). As of our marketplace pass on 2026-10-28. This pair was picked by a reader, not by our comparison rule, so search engines are asked not to index the page.

Where each is published

Where each is published
Marketplaceclaude2figmaHTML to Figma — Design System
Claude Code: claude-plugins-community Listed
Version: 1.0.0
Forks (GitHub): 17
Stars (GitHub): 207
Not marked · First seen
Not listed
Official MCP Registry Not listed Listed
Version: 1.1.0
Downloads/month (npm): 92
Downloads/week (npm): 11
Forks (GitHub): 6
Stars (GitHub): 15
Not marked · First seen

Each figure is the marketplace's own and is never added up across marketplaces. A marketplace that publishes no figure shows none: no number is not zero.

The facts side by side

claude2figma vs HTML to Figma — Design System
Factclaude2figmaHTML to Figma — Design System
Marketplaces that list it11
Stars (GitHub) (differs)207 (better)15 (worse)
Forks (GitHub) (differs)17 (better)6 (worse)
Last releaseNot publishedNot published
Where it runs (differs)Installs as a plugin bundleOn your machine (html-to-figma-design-system)
Transport (differs)Not statedstdio
Tools it declaresNot publishedNot published
Environment variables it asks forNot publishedNot published
Parts of the bundle (differs)4Not a bundle
Licence (differs)MITNot stated
Repository (differs)github.com/senlindesign/claude2figmagithub.com/miapre/html-to-figma-design-system
Changes in the last 7 days00
First seen2026-10-112026-10-11

Lines where the two differ have a tinted background and bold values. Where the data itself says which value is better (more marketplaces, a larger figure of the same marketplace, a fresher release, a verified mark on a marketplace that lists both), the better one is also marked green with ▲ and the worse one red with ▼. Where it runs, the transport, the tools, the settings, hooks, the bundle's parts, the licence and the week's changes are marked only as different: more or fewer is not better in itself.

What each says it does

claude2figma

In its own words, on Claude Code: claude-plugins-community:

A Design System compliance harness for Claude Code + Figma. Instead of generating hardcoded values, it enforces library-first component lookup, binds all visual properties (colors, typography, spacing, radius) to your existing design tokens and variables, and runs automated QA after every write. Works best with teams that have an established Figma Design System.

HTML to Figma — Design System

In its own words, on Official MCP Registry:

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

How to run each

claude2figma As a Claude Code plugin

Claude Code
/plugin marketplace add anthropics/claude-plugins-community
/plugin install claude2figma@claude-community

HTML to Figma — Design System As a local MCP server: npm package

Claude Code
claude mcp add --transport stdio html-to-figma-design-system -- npx -y html-to-figma-design-system

Commands built only from what the marketplaces declare; the full set for every client is on each card.

Tools each declares

Neither one's marketplaces publish a list of tools, so there is nothing to compare.

Settings each asks for

Neither one's marketplaces publish the settings it asks for.

What it can do: claude2figma · What it can do: HTML to Figma — Design System · Compare two other plugins

Data comes from the public marketplace file https://github.com/anthropics/claude-plugins-community/blob/HEAD/.claude-plugin/marketplace.json. Data comes from the Official MCP Registry (registry.modelcontextprotocol.io), CC0 1.0. Figures come from our own regular passes over the marketplaces, last read on . We publish no contact details for plugin publishers.

Where the data comes from: how the catalog is built