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

UI Design to Code

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

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

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

Коротко

UI Design to Code: MCP-сервер, издатель Kinglions. Витрин, которые мы читаем и где он опубликован: 2 (Official MCP Registry, Community GitHub marketplaces). Мы впервые увидели его 2026-10-11 и с тех пор изменений не фиксировали. Данные нашего прохода по витринам на 2026-10-15.

Что просит

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

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

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

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

Пакет

npm ui-design-to-code-mcp (ui-design-to-code-mcp на npm)

  • Загрузки npm за неделю: 62 (2026-10-13)
  • Загрузки npm за месяц: 556 (2026-10-13)
  • Последняя версия на npm: 0.1.13, опубликована 2026-06-26

В OSV нет известных уязвимостей для 0.1.12 (проверено 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 ui-design-to-code-mcp -- npx -y ui-design-to-code-mcp
Codex~/.codex/config.toml
[mcp_servers.ui-design-to-code-mcp]
command = "npx"
args = ["-y", "ui-design-to-code-mcp"]
Cursor~/.cursor/mcp.json
{
  "mcpServers": {
    "ui-design-to-code-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "ui-design-to-code-mcp"
      ]
    }
  }
}

Как плагин Codex

Собрано из того, что объявляет Community GitHub marketplaces.

CodexТерминал
codex plugin marketplace add kinglions/ui-design-to-code-mcp

Затем откройте /plugins в Codex и установите ui-design-to-code из этого маркетплейса.

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

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

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

Также есть в одном маркетплейсе сообщества
ВитринаРепозиторийЗвёзды (GitHub)
ui-design-to-code kinglions/ui-design-to-code-mcp 0

Какие маркетплейсы мы читаем и как их проверяем

Что входит в пакет

Так опубликовано на витрине Community GitHub marketplaces.

MCP-серверы: 1

  • ui_design_to_code

Что менялось

  1. Появился на новой витрине: Community GitHub marketplaces
  2. Community GitHub marketplaces: появился

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

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

  • Anima MCP Server

    Connect AI coding agents to Anima Playground, Figma, and your design system.

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

    Опубликован: Official MCP Registry, 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 MCP Server

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

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

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

  • Visily UI Design

    UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.

    от visily-app · 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 · Решает почти ту же задачу

  • UI Factory

    Generates React components and design frameworks from visual layouts.

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

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

  • 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 · Решает почти ту же задачу

  • HTML to Figma — Design System

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

    от miapre · 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 · Решает почти ту же задачу

  • figma-vault

    Figma designs pulled once into a local vault; AI agents read them offline with no rate limits

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

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

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

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

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

  • 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 · Решает почти ту же задачу

  • pix

    Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.

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

    Опубликован: 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

Есть на витрине 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

  • playground

    Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…

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

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

  • mcp-apps

    Skills for creating MCP Apps with the MCP Apps SDK

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

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

Есть на витрине 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

  • 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 · Решает похожую задачу

  • Unity

    Unity's official plugin for Claude Code, with curated skills for game development, monetization, and performance optimization.

    от Unity-Technologies · Пакет плагинов

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

  • AI-Firstify

    AI-first project auditor and re-engineer based on the 9 design principles and 7 design patterns from the TechWolf AI-First Bootcamp

    от techwolf-ai · Пакет плагинов

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

Есть на витрине 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) · Решает почти ту же задачу

  • Build Web Apps

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

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

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

  • Build iOS Apps

    Build iOS apps with workflows for App Intents, SwiftUI UI work, Simulator mirroring in the Codex in-app browser, performance profiling, leak investigation, and simulator debugging.

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

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

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

  • Anima MCP Server

    Connect AI coding agents to Anima Playground, Figma, and your design system.

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

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

  • 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 · Решает почти ту же задачу

  • designfit

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

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

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

  • 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 · Решает почти ту же задачу

  • figma-mcp-rs io.github.jirayusueb/figma-mcp-rs

    Figma/FigJam MCP server with read/write via plugin — no API token, no limits. 78 tools.

    от jirayusueb · 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 · Решает почти ту же задачу

  • radius

    Model, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.

    от radius-project · Пакет плагинов

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

  • visual-pr

    Capture, annotate, and embed screenshots and animated GIF demos in pull request descriptions. Includes Playwright-based UI capture, PIL image annotations, PR embedding workflows…

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

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

  • ui5

    SAPUI5 / OpenUI5 plugin for GitHub CoPilot. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5…

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

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

  • 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 · Решает похожую задачу

Есть на витрине 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 · Решает почти ту же задачу

  • model-apps

    Build and deploy Power Apps generative pages for model-driven apps with specialist agents for planning, entity creation, and parallel code generation. Requires PAC CLI >= 2.7.0…

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

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

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

  • PR Review Canvas

    Render PR diffs as review canvases grouped by importance.

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

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

  • Cursor SDK

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

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

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

  • Docs Canvas

    Render documentation as a navigable canvas.

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

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

  • Origin Apps

    Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…

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

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

  • Gamma

    Generate presentations, documents, and webpages.

    от 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

  • Sequa.AI

    Stop stitching context for Copilot and Cursor. With Sequa MCP, your AI tools know your entire codebase and docs out of the box.

    от sequa-ai · MCP-сервер

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

  • SmartBear MCP

    MCP server for AI access to SmartBear tools, including BugSnag, Reflect, Swagger, PactFlow, QTM4J.

    от smartbear.com · MCP-сервер

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

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

  • Anima MCP Server

    Connect AI coding agents to Anima Playground, Figma, and your design system.

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

    Опубликован: Official MCP Registry, 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 MCP Server

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

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

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

  • Visily UI Design

    UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.

    от visily-app · 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 · Решает почти ту же задачу

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

Это ваш плагин?

Добавьте плагин в свои проекты и докажите, что поддерживаете его: файлом в репозитории, файлом на вашем домене или DNS-записью. Вы будете получать уведомления, когда витрина добавит плагин, снимет его, изменит отметку verified или список того, что он просит, а его удалённый endpoint встанет на мониторинг как веб-сервис.

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

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

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