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

io.github.TranHoaiHung/figma-ui-mcp

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

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

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

Коротко

io.github.TranHoaiHung/figma-ui-mcp: MCP-сервер, издатель TranHoaiHung. Витрин, которые мы читаем и где он опубликован: 1 (Official MCP Registry). Последнее изменение мы зафиксировали 2026-10-14. Данные нашего прохода по витринам на 2026-10-15.

Что просит

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

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

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

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

Пакет

npm figma-ui-mcp (figma-ui-mcp на npm)

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

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

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

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

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

Как менялись числа

Форки (GitHub)
unchanged с 14.10
История с витрины Official MCP Registry
  1. 2026-10-1448
  2. 2026-10-1548
Звёзды (GitHub)
unchanged с 14.10
История с витрины Official MCP Registry
  1. 2026-10-14264
  2. 2026-10-15264

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

Что менялось

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

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

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

  • Figma MCP Server

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

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

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

  • figma-edit-mcp io.github.neozhehan/figma-edit-mcp

    Programmatically read, create, and modify Figma designs via MCP.

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

  • localfig io.github.LucasGorgal/localfig

    The Figma desktop app as an MCP server: full Plugin API for AI agents. Local, no token, no quota.

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

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

  • figma-mcp-bridge io.github.kolganovr/figma-mcp-bridge

    Write to a live Figma canvas, get a screenshot back, and roll back mistakes. Zero deps, free plan.

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

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

  • plumb-mcp io.github.tathagat22/plumb-mcp

    Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

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

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

  • genable-mcp io.github.musepy/genable-mcp

    Write to Figma from any MCP client (Claude Code, Cursor). Complements the read-only official MCP.

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

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

  • figma-react io.github.MananSingh2001/figma-react

    An MCP server that converts Figma designs into React code.

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

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

  • Mimic AI

    Builds Figma from your design system: real components and tokens, enforced, learning every build.

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

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

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

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

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

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

  • figma-suite

    Design production-quality screens in Figma using your design system — every property variable-bound, every element a component instance. Build and edit Figma component libraries…

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

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

  • html2figma

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

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

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

  • 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 · Решает смежную задачу

  • 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 · Решает смежную задачу

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

  • miro

    Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.

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

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

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

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

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

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

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

  • Anima MCP Server

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

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

  • designfit

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

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

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

  • typescript-mcp-development

    Complete toolkit for building Model Context Protocol (MCP) servers in TypeScript/Node.js using the official SDK. Includes instructions for best practices, a prompt for generating…

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

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

  • chromium-control-canvas

    Opens a real Chromium window you can navigate and interact with from a Copilot canvas control panel and agent actions.

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

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

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

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

  • 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)

  • Excalidraw

    Draw and export hand-drawn diagrams from chat.

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

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

  • Docs Canvas

    Render documentation as a navigable canvas.

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

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

  • Cursor SDK

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

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

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

  • PR Review Canvas

    Render PR diffs as review canvases grouped by importance.

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

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

  • OpenMesh

    Discover and connect to a curated marketplace of MCP servers for extending AI agent capabilities.

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

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

  • mcp-server-browserbase io.github.browserbase/mcp-server-browserbase

    MCP server for AI web browser automation using Browserbase and Stagehand

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

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

  • Postman MCP Server

    Give your AI agents trusted access to the full Postman platform.

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

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

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

  • Figma MCP Server

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

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

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

  • figma-edit-mcp io.github.neozhehan/figma-edit-mcp

    Programmatically read, create, and modify Figma designs via MCP.

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

  • localfig io.github.LucasGorgal/localfig

    The Figma desktop app as an MCP server: full Plugin API for AI agents. Local, no token, no quota.

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

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

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

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

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

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

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

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

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