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

Figma CodeKit MCP

Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

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

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

Коротко

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

Что просит

  • Работает на вашем компьютере
  • Секретов: 1
  • Настроек: 2

Требует: FIGMA_TOKEN (секрет)

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

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

Работает с

  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Copilot CLI

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

Подключить

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

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

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

Claude CodeТерминал
claude mcp add --env "FIGMA_TOKEN=<YOUR_FIGMA_TOKEN>" --transport stdio figma-codekit-mcp -- npx -y figma-codekit-mcp
Codex~/.codex/config.toml
[mcp_servers.figma-codekit-mcp]
command = "npx"
args = ["-y", "figma-codekit-mcp"]

[mcp_servers.figma-codekit-mcp.env]
FIGMA_TOKEN = "<YOUR_FIGMA_TOKEN>"
Cursor~/.cursor/mcp.json
{
  "mcpServers": {
    "figma-codekit-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<YOUR_FIGMA_TOKEN>"
      }
    }
  }
}

Замените значения в угловых скобках своими. Мы показываем имена настроек, но не значения.

Необязательные настройки, которые он тоже перечисляет: FIGMA_MCP_CACHE_DIR.

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

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

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

Что менялось

  1. Стал продуктом, за которым мы следим
  2. 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 · Решает почти ту же задачу

  • figma-mcp

    Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

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

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

  • figmcp

    Local Figma MCP server: frames to Flutter, React and HTML code, and design in Figma. No API limits.

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

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

  • UI Design to Code

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

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

  • pix

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

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

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

  • figma-ui-mcp io.github.TranHoaiHung/figma-ui-mcp

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

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

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

  • figbridge io.github.rudraptpsingh/figbridge

    Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles.

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

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

  • flowbite-mcp io.github.themesberg/flowbite-mcp

    MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS

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

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

  • HTML to Figma — Design System

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

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

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

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

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

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

  • pix

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

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

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

  • d2c

    Turn Figma frames into production-ready code that uses your existing components, your design tokens, and your framework conventions. d2c scans your codebase, builds a design…

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

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

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

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

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

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

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

  • base44

    Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills

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

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

  • modern-web-guidance

    Keep your coding agent up to date with the latest web best practices

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

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

  • qt-development-skills

    Agentic engineering skills for Qt software development — Qt C++/QML code review, QML coding, and Qt C++/QML code documentation.

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

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

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

  • Qodo

    Qodo setup, code intelligence, and review workflows.

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

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

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

  • figma-to-react

    Convert Figma designs to pixel-perfect React components with Tailwind CSS

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

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

  • tempad-dev

    Connect your coding agent to Figma. Create and edit native designs, inspect existing designs, and implement UI in your codebase.

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

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

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

  • d2c

    Turn Figma frames into production-ready code that uses your existing components, your design tokens, and your framework conventions. d2c scans your codebase, builds a design…

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

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

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

  • radius

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

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

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

  • modern-web-guidance

    Keep your coding agent up to date with the latest web best practices

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

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

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

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

  • canvas-apps

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

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

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

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

  • Cursor SDK

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

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

  • PR Review Canvas

    Render PR diffs as review canvases grouped by importance.

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

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

  • Docs Canvas

    Render documentation as a navigable canvas.

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

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

  • pstack

    if you want to go fast, go deep first. pstack helps you write less, but higher quality code. rigorous agent workflows you can parallelize with confidence.

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

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

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

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

  • Glif

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

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

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

  • E2B

    Giving Claude ability to run code with E2B via MCP (Model Context Protocol).

    от e2b-dev · MCP-сервер

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

  • Effect

    Tools and resources for writing Effect code in Typescript.

    от tim-smart · 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-react io.github.MananSingh2001/figma-react

    An MCP server that converts Figma designs into React code.

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

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

  • figma-mcp

    Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

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

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

  • figmcp

    Local Figma MCP server: frames to Flutter, React and HTML code, and design in Figma. No API limits.

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

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

  • UI Design to Code

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

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

Есть на витрине npm registry (MCP servers) (5)

  • figma-ui-mcp io.github.TranHoaiHung/figma-ui-mcp

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

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

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

  • Figma MCP Server

    A local MCP server with full Figma REST API coverage.

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

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

  • ExecBro

    Gives AI agents eyes and hands into running React Native apps: logs, REPL, tap, screenshots

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

    Опубликован: Official MCP Registry, npm registry (MCP servers) · Решает похожую задачу

  • devkit-for-strapi-mcp io.github.PaulRichez/devkit-for-strapi-mcp

    Strapi codebase intelligence for AI agents (not content CRUD): real UIDs, schemas, refs, refactors.

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

    Опубликован: Official MCP Registry, npm registry (MCP servers) · Решает похожую задачу

  • icon-composer-mcp io.github.ethbak/icon-composer-mcp

    CLI and MCP server for creating Apple .icon bundles with Liquid Glass effects (iOS 26+)

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

    Опубликован: Official MCP Registry, npm registry (MCP servers) · Решает похожую задачу

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

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

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

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

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

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

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