Ext Ops Panel
Открыть панель

HTML to Figma — Design System

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

MCP-сервер · от miapre

Подключить Сравнить Это мой

Коротко

HTML to Figma — Design System: MCP-сервер, издатель miapre. Витрин, которые мы читаем и где он опубликован: 1 (Official MCP Registry). Мы впервые увидели его 2026-10-11 и с тех пор изменений не фиксировали. Данные нашего прохода по витринам на 2026-10-15.

Что просит

  • Работает на вашем компьютере

Ни одна из витрин, которые мы читаем, не публикует его инструменты или настройки, которые он просит.

Что объявляет, просит и запускает, полностью

Устанавливайте плагины только от разработчиков, которым доверяете. Мы показываем то, что публикуют витрины, и не проверяем плагины.

Пакет

npm html-to-figma-design-system (html-to-figma-design-system на npm)

  • Загрузки npm за неделю: 18 (2026-10-13)
  • Загрузки npm за месяц: 109 (2026-10-13)
  • Последняя версия на npm: 1.1.0, опубликована 2026-04-11

В OSV нет известных уязвимостей для 1.1.0 (проверено 2026-10-14)

Данные npm взяты из публичного реестра npm (registry.npmjs.org, api.npmjs.org). Каждое число принадлежит своему реестру и никогда не складывается с другим. Реестр, который не публикует число, ничего не показывает: нет числа не значит ноль. Записи об уязвимостях взяты из OSV.dev (CC BY 4.0) и относятся только к объявленной версии; листинг без объявленной версии ответа не получает. Код мы не сканируем.

Работает с

  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Copilot CLI
Установить в CursorУстановить в VS Code

Ссылка в один клик открывает клиент, и он просит подтвердить, прежде чем добавить сервер.

По маркетплейсам, где он опубликован, и объявленному транспорту MCP, как их документирует каждый клиент. Плагины мы не тестируем.

Подключить

Команды и конфигурации собраны только из того, что объявляют витрины. Мы не запускаем их за вас и не проверяем плагины.

Как локальный MCP-сервер: пакет npm

Собрано из того, что объявляет Official MCP Registry.

Claude CodeТерминал
claude mcp add --transport stdio html-to-figma-design-system -- npx -y html-to-figma-design-system
Codex~/.codex/config.toml
[mcp_servers.html-to-figma-design-system]
command = "npx"
args = ["-y", "html-to-figma-design-system"]
Cursor~/.cursor/mcp.json
{
  "mcpServers": {
    "html-to-figma-design-system": {
      "command": "npx",
      "args": [
        "-y",
        "html-to-figma-design-system"
      ]
    }
  }
}

Где опубликован

ВитринаСтатусВерсияЧислаПроверенВпервые замечен
Official MCP Registry (Открыть запись реестра) Опубликован 1.1.0 Загрузки за месяц (npm): 109
Загрузки за неделю (npm): 18
Форки (GitHub): 6
Звёзды (GitHub): 13		 Не помечен

Каждое число принадлежит своей витрине и никогда не складывается с числами других витрин. Если витрина число не публикует, мы его не показываем: нет числа не значит ноль.

Что менялось

С тех пор как мы следим за плагином, ничего не менялось.

Похожие плагины

Продукты, чьи собственные названия, описания, инструменты и скиллы ближе всего по смыслу к этому, на всех витринах, которые мы читаем. Близость упорядочена только внутри этого списка.

  • html2figma

    Capture any web page and convert it into an editable Figma design

    от asxelot · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    от figma · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Решает почти ту же задачу

  • Figma-Context-MCP io.github.GLips/Figma-Context-MCP

    Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

    от GLips · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • figma-designer io.github.a1245582339/figma-designer

    Give AI agents full read & write access to Figma — 50+ tools for design automation

    от a1245582339 · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • f-mcp-bridge

    Connect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — no REST API token required. Privacy-first…

    от atezer · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • designfit

    Validate AI-built front-ends against Figma by tokens and geometry, not pixels.

    от as9978 · MCP-сервер

    Опубликован: Official MCP Registry, Community GitHub marketplaces · Решает почти ту же задачу

  • rayden-ui-design-skill

    Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, craft rules, anti-patterns, and layout…

    от playbookTV · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • bridge-ds

    AI-powered design generation in Figma using your real design system. Bridge extracts your DS (components, tokens, styles), writes validated specs, and generates production-ready…

    от noemuch · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • pluginos-figma-operations-platform

    Run any Figma operation from any LLM agent at ~230 tokens per call instead of ~28,000 — a 15× cost reduction on real design workflows. PluginOS bridges your Figma files to Claude…

    от LSDimi · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • Figma MCP Server

    MCP server enabling AI assistants to interact with Figma designs via natural language commands

    от oabolade · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

Похожие плагины по витринам

Тот же вопрос к каждой витрине по отдельности: есть ли там аналог этого плагина?

Есть на витрине Claude Code: claude-plugins-community (5)

  • html2figma

    Capture any web page and convert it into an editable Figma design

    от asxelot · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • f-mcp-bridge

    Connect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — no REST API token required. Privacy-first…

    от atezer · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • rayden-ui-design-skill

    Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, craft rules, anti-patterns, and layout…

    от playbookTV · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • bridge-ds

    AI-powered design generation in Figma using your real design system. Bridge extracts your DS (components, tokens, styles), writes validated specs, and generates production-ready…

    от noemuch · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • pluginos-figma-operations-platform

    Run any Figma operation from any LLM agent at ~230 tokens per call instead of ~28,000 — a 15× cost reduction on real design workflows. PluginOS bridges your Figma files to Claude…

    от LSDimi · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

Есть на витрине Claude Code: claude-plugins-official (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    от figma · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Решает почти ту же задачу

  • Superdesign

    Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…

    от superdesigndev · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Community GitHub marketplaces · Решает почти ту же задачу

  • frontend-design

    Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

    от Anthropic · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official · Решает почти ту же задачу

  • canva

    Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.

    от canva-sdks · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Community GitHub marketplaces · Решает похожую задачу

  • adobe-for-creativity

    Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional…

    от adobe · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community · Решает похожую задачу

Есть на витрине Claude: knowledge-work-plugins (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    от figma · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Решает почти ту же задачу

  • Design

    Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.

    от Anthropic · Пакет плагинов

    Опубликован: Claude: knowledge-work-plugins · Решает похожую задачу

  • canva

    Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.

    от canva-sdks · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Community GitHub marketplaces · Решает похожую задачу

  • adobe-for-creativity

    Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional…

    от adobe · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community · Решает похожую задачу

  • Pendo Guides

    Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…

    от pendo-io · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins · Решает смежную задачу

Есть на витрине Codex: openai-curated (openai/plugins) (5)

  • Figma

    Figma workflows for design implementation, Code Connect templates, and design system rule generation.

    от Figma · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает почти ту же задачу

  • MagicPath

    Use MagicPath to find, inspect, install, create, and edit UI components from Codex.

    от MagicPathAI · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает почти ту же задачу

  • Product Design

    The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…

    от OpenAI · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает почти ту же задачу

  • Canva

    Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…

    от Canva Pty Ltd. · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает почти ту же задачу

  • Build Web Apps

    Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.

    от OpenAI · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает почти ту же задачу

Есть на витрине Community GitHub marketplaces (5)

  • designfit

    Validate AI-built front-ends against Figma by tokens and geometry, not pixels.

    от as9978 · MCP-сервер

    Опубликован: Official MCP Registry, Community GitHub marketplaces · Решает почти ту же задачу

  • UI Design to Code

    Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.

    от Kinglions · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • figma-mcp-rust io.github.alvinindra/figma-mcp-rust

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

    от alvinindra · MCP-сервер

    Опубликован: Official MCP Registry, Community GitHub marketplaces · Решает почти ту же задачу

  • Layerbridge

    Read, edit and export the Figma file open in a local plugin. No REST API, no rate limits.

    от muradyf · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • canicode io.github.let-sunny/canicode

    Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports.

    от let-sunny · MCP-сервер

    Опубликован: Official MCP Registry, Community GitHub marketplaces · Решает почти ту же задачу

Есть на витрине Copilot CLI: github/awesome-copilot (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    от figma · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Решает почти ту же задачу

  • ui-theme-designer

    Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.

    от SAP · Пакет плагинов

    Опубликован: Copilot CLI: github/awesome-copilot · Решает почти ту же задачу

  • frontend-web-dev

    Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.

    от Awesome Copilot Community · Пакет плагинов

    Опубликован: Copilot CLI: github/awesome-copilot · Решает похожую задачу

  • project-documenter

    Generate professional project documentation with draw.io architecture diagrams and Word (.docx) output with embedded images. Automatically discovers any project's technology stack…

    от Awesome Copilot Community · Пакет плагинов

    Опубликован: Copilot CLI: github/awesome-copilot · Решает похожую задачу

  • draw

    Draw simple diagrams in a Copilot canvas: shapes, arrows that stay attached, text and a freehand pen. Copilot can read, create and edit the same drawing, tidy its layout, and…

    от Burke Holland · Пакет плагинов

    Опубликован: Copilot CLI: github/awesome-copilot · Решает похожую задачу

Есть на витрине Copilot CLI: github/copilot-plugins (5)

  • canvas-apps

    Build Power Apps Canvas Apps using the Canvas Authoring MCP server.

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает почти ту же задачу

  • microsoft-365-agents-toolkit

    Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает почти ту же задачу

  • mcp-apps

    Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает почти ту же задачу

  • code-apps-preview

    Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает почти ту же задачу

  • mobile-app

    Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает почти ту же задачу

Есть на витрине Cursor: cursor/plugins (5)

  • Docs Canvas

    Render documentation as a navigable canvas.

    от Cursor · Пакет плагинов

    Опубликован: Cursor: cursor/plugins · Решает почти ту же задачу

  • Gamma

    Generate presentations, documents, and webpages.

    от Cursor · Пакет плагинов

    Опубликован: Cursor: cursor/plugins · Решает почти ту же задачу

  • PR Review Canvas

    Render PR diffs as review canvases grouped by importance.

    от Cursor · Пакет плагинов

    Опубликован: Cursor: cursor/plugins · Решает почти ту же задачу

  • Excalidraw

    Draw and export hand-drawn diagrams from chat.

    от Cursor · Пакет плагинов

    Опубликован: Cursor: cursor/plugins · Решает почти ту же задачу

  • Cursor SDK

    Build apps, scripts, and automations with the TypeScript SDK.

    от Cursor · Пакет плагинов

    Опубликован: Cursor: cursor/plugins · Решает почти ту же задачу

Есть на витрине Docker MCP Catalog (5)

  • Glif

    Generate images, video, and audio with Glif's media-generation agent

    от glif.app · MCP-сервер

    Опубликован: Official MCP Registry, Docker MCP Catalog, Community GitHub marketplaces · Решает почти ту же задачу

  • Webflow

    Model Context Protocol (MCP) server for the Webflow Data API.

    от webflow · MCP-сервер

    Опубликован: Docker MCP Catalog · Решает почти ту же задачу

  • Next.js DevTools

    next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.

    от kgprs · MCP-сервер

    Опубликован: Docker MCP Catalog · Решает похожую задачу

  • Astro Docs

    Access the latest Astro web framework documentation, guides, and API references.

    от docker · MCP-сервер

    Опубликован: Docker MCP Catalog · Решает похожую задачу

  • Desktop Commander

    MCP server for terminal commands, file operations, and process management

    от wonderwhy-er · MCP-сервер

    Опубликован: Official MCP Registry, Claude Code: claude-plugins-official, Docker MCP Catalog, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community, Community GitHub marketplaces · Решает похожую задачу

Есть на витрине Official MCP Registry (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    от figma · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Решает почти ту же задачу

  • Figma-Context-MCP io.github.GLips/Figma-Context-MCP

    Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

    от GLips · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • figma-designer io.github.a1245582339/figma-designer

    Give AI agents full read & write access to Figma — 50+ tools for design automation

    от a1245582339 · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • designfit

    Validate AI-built front-ends against Figma by tokens and geometry, not pixels.

    от as9978 · MCP-сервер

    Опубликован: Official MCP Registry, Community GitHub marketplaces · Решает почти ту же задачу

  • Figma MCP Server

    MCP server enabling AI assistants to interact with Figma designs via natural language commands

    от oabolade · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

Найдено по смыслу, а не по общему коду или репозиторию: похожие плагины остаются разными продуктами, и это не обзор и не рекомендация.

Хотите такой знак у своего плагина в нашем каталоге?

Докажите, что поддерживаете его, файлом в репозитории, файлом на вашем домене или DNS-записью, и сможете показать этот знак на карточке, а ещё живые баннеры для сайта и README. Как проходит подтверждение

Ещё вы будете получать уведомления, когда витрина добавит плагин, снимет его, изменит отметку verified или список того, что он просит, а его удалённый endpoint встанет на мониторинг как веб-сервис.

Добавить в свои проекты Что умеет панель

Данные витрины Official MCP Registry. Числа взяты из наших регулярных обходов витрин, последняя проверка . Контакты издателей плагинов мы не публикуем.

Откуда данные: как устроен каталог