Ext Ops Panel
Ouvrir le tableau de bord

Figma CodeKit MCP

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

Serveur MCP · par Mehmoodqureshi

Connecter Comparer Revendiquer

Aperçu

Figma CodeKit MCP est un serveur MCP publié par Mehmoodqureshi. Places de marché que nous lisons et qui le référencent : 1 (Official MCP Registry). Nous l'avons vu pour la première fois le 2026-10-15 et n'avons enregistré aucun changement depuis. Selon notre passage sur les places de marché du 2026-10-22.

Ce qu'il demande

  • S'exécute sur votre machine
  • Secrets : 1
  • Paramètres : 2

Demande: FIGMA_TOKEN (secrète)

Ce qu'il déclare, demande et exécute, en détail

N’installez que des plugins de développeurs en qui vous avez confiance. Nous reprenons ce que publient les places de marché et ne testons pas les plugins.

Fonctionne avec

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

D'après les marketplaces qui le listent et le transport MCP qu'il déclare, tels que chaque client les documente. Nous ne testons pas les plugins.

Connecter

Commandes et configurations construites uniquement à partir de ce que déclarent ses places de marché. Nous ne les exécutons pas pour vous et ne testons pas les plugins.

En serveur MCP local : paquet npm

Construit à partir de ce que déclare Official MCP Registry.

Claude CodeTerminal
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>"
      }
    }
  }
}

Remplacez les valeurs entre chevrons par les vôtres. Nous montrons les noms des paramètres, jamais de valeurs.

Paramètres facultatifs qu’il indique aussi : FIGMA_MCP_CACHE_DIR.

Où il est publié

Place de marchéStatutVersionChiffresVérifiéVu pour la première fois
Official MCP Registry (Ouvrir la fiche du registre) Référencé 0.2.4 Forks (GitHub): 0
Étoiles (GitHub): 1		 Non marqué

Chaque chiffre est celui de la place de marché et n'est jamais additionné entre places de marché. Une place de marché qui ne publie pas de chiffre n'en affiche aucun : pas de nombre ne veut pas dire zéro.

Ce qui a changé

  1. Est devenu un produit que nous suivons
  2. Official MCP Registry: apparu

Plugins similaires

Produits dont les noms, descriptions, outils et skills sont les plus proches de celui-ci par le sens, sur toutes les places de marché que nous lisons. La proximité n'est classée qu'à l'intérieur de cette liste.

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

    An MCP server that converts Figma designs into React code.

    par MananSingh2001 · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

  • figma-mcp

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

    par Mehmoodqureshi · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

  • figmcp

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

    par irshadio · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

  • UI Design to Code

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

    par Kinglions · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

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

    par tathagat22 · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

  • pix

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

    par skobak · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-community · Décrit presque le même besoin

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

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

    par TranHoaiHung · Serveur MCP

    Référencé sur : Official MCP Registry, npm registry (MCP servers) · Décrit presque le même besoin

  • figbridge io.github.rudraptpsingh/figbridge

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

    par rudraptpsingh · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

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

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

    par themesberg · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

  • HTML to Figma — Design System

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

    par miapre · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

Plugins similaires par place de marché

La même question posée à chaque place de marché séparément : y a-t-il là un équivalent de ce plugin ?

Référencé sur Claude Code: claude-plugins-community (5)

  • pix

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

    par skobak · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-community · Décrit presque le même besoin

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

    par d2c-ai · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-community, Community GitHub marketplaces · Décrit presque le même besoin

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

    par playbookTV · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-community · Décrit presque le même besoin

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

    par robukh · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-community · Décrit presque le même besoin

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

    par noemuch · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-community · Décrit presque le même besoin

Référencé sur 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…

    par figma · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Décrit presque le même besoin

  • frontend-design

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

    par Anthropic · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Community GitHub marketplaces · Décrit presque le même besoin

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

    par superdesigndev · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Community GitHub marketplaces · Décrit presque le même besoin

  • mcp-apps

    Skills for creating MCP Apps with the MCP Apps SDK

    par modelcontextprotocol · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Claude Code: claude-plugins-community, Community GitHub marketplaces · Décrit presque le même besoin

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

    par Anthropic · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official · Décrit presque le même besoin

Référencé sur 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…

    par figma · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Décrit presque le même besoin

  • base44

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

    par base44 · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community, Community GitHub marketplaces · Décrit presque le même besoin

  • modern-web-guidance

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

    par GoogleChrome · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Décrit un besoin similaire

  • Unity

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

    par Unity-Technologies · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Community GitHub marketplaces · Décrit un besoin similaire

  • qt-development-skills

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

    par TheQtCompanyRnD · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Community GitHub marketplaces · Décrit un besoin similaire

Référencé sur Codex: openai-curated (openai/plugins) (5)

  • Figma

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

    par Figma · Lot de plugins

    Référencé sur : Codex: openai-curated (openai/plugins) · Décrit presque le même besoin

  • MagicPath

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

    par MagicPathAI · Lot de plugins

    Référencé sur : Codex: openai-curated (openai/plugins) · Décrit presque le même besoin

  • Build Web Apps

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

    par OpenAI · Lot de plugins

    Référencé sur : Codex: openai-curated (openai/plugins) · Décrit presque le même besoin

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

    par OpenAI · Lot de plugins

    Référencé sur : Codex: openai-curated (openai/plugins) · Décrit presque le même besoin

  • Qodo

    Qodo setup, code intelligence, and review workflows.

    par qodo-ai · Lot de plugins

    Référencé sur : Codex: openai-curated (openai/plugins) · Décrit presque le même besoin

Référencé sur Community GitHub marketplaces (5)

  • figma-to-react

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

    par Gary Basin · Lot de plugins

    Référencé sur : Community GitHub marketplaces · Décrit presque le même besoin

  • tempad-dev

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

    par TemPad Dev · Lot de plugins

    Référencé sur : Community GitHub marketplaces · Décrit presque le même besoin

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

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

    par alvinindra · Serveur MCP

    Référencé sur : Official MCP Registry, Community GitHub marketplaces · Décrit presque le même besoin

  • canicode io.github.let-sunny/canicode

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

    par let-sunny · Serveur MCP

    Référencé sur : Official MCP Registry, Community GitHub marketplaces · Décrit presque le même besoin

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

    par d2c-ai · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-community, Community GitHub marketplaces · Décrit presque le même besoin

Référencé sur 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…

    par figma · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Décrit presque le même besoin

  • frontend-web-dev

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

    par Awesome Copilot Community · Lot de plugins

    Référencé sur : Copilot CLI: github/awesome-copilot · Décrit presque le même besoin

  • radius

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

    par radius-project · Lot de plugins

    Référencé sur : Copilot CLI: github/awesome-copilot · Décrit presque le même besoin

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

    par UI5 · Lot de plugins

    Référencé sur : Copilot CLI: github/awesome-copilot · Décrit un besoin similaire

  • modern-web-guidance

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

    par GoogleChrome · Lot de plugins

    Référencé sur : Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Décrit un besoin similaire

Référencé sur 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.

    par microsoft · Lot de plugins

    Référencé sur : Copilot CLI: github/copilot-plugins · Décrit presque le même besoin

  • canvas-apps

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

    par microsoft · Lot de plugins

    Référencé sur : Copilot CLI: github/copilot-plugins · Décrit presque le même besoin

  • code-apps-preview

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

    par microsoft · Lot de plugins

    Référencé sur : Copilot CLI: github/copilot-plugins · Décrit presque le même besoin

  • mobile-app

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

    par microsoft · Lot de plugins

    Référencé sur : Copilot CLI: github/copilot-plugins · Décrit presque le même besoin

  • microsoft-365-agents-toolkit

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

    par microsoft · Lot de plugins

    Référencé sur : Copilot CLI: github/copilot-plugins · Décrit presque le même besoin

Référencé sur Cursor: cursor/plugins (5)

  • Cursor SDK

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

    par Cursor · Lot de plugins

    Référencé sur : Cursor: cursor/plugins · Décrit presque le même besoin

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

    par Cursor · Lot de plugins

    Référencé sur : Cursor: cursor/plugins · Décrit presque le même besoin

  • PR Review Canvas

    Render PR diffs as review canvases grouped by importance.

    par Cursor · Lot de plugins

    Référencé sur : Cursor: cursor/plugins · Décrit presque le même besoin

  • Docs Canvas

    Render documentation as a navigable canvas.

    par Cursor · Lot de plugins

    Référencé sur : Cursor: cursor/plugins · Décrit presque le même besoin

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

    par Lauren Tan · Lot de plugins

    Référencé sur : Cursor: cursor/plugins · Décrit presque le même besoin

Référencé sur 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.

    par kgprs · Serveur MCP

    Référencé sur : Docker MCP Catalog · Décrit presque le même besoin

  • Glif

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

    par glif.app · Serveur MCP

    Référencé sur : Official MCP Registry, Docker MCP Catalog, Community GitHub marketplaces · Décrit presque le même besoin

  • E2B

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

    par e2b-dev · Serveur MCP

    Référencé sur : Docker MCP Catalog · Décrit presque le même besoin

  • Effect

    Tools and resources for writing Effect code in Typescript.

    par tim-smart · Serveur MCP

    Référencé sur : Docker MCP Catalog · Décrit presque le même besoin

  • Desktop Commander

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

    par wonderwhy-er · Serveur MCP

    Référencé sur : Official MCP Registry, Claude Code: claude-plugins-official, Docker MCP Catalog, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community, Community GitHub marketplaces · Décrit presque le même besoin

Référencé sur Official MCP Registry (5)

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

    An MCP server that converts Figma designs into React code.

    par MananSingh2001 · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

  • figma-mcp

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

    par Mehmoodqureshi · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

  • figmcp

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

    par irshadio · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

  • UI Design to Code

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

    par Kinglions · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

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

    par tathagat22 · Serveur MCP

    Référencé sur : Official MCP Registry · Décrit presque le même besoin

Référencé sur 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

    par TranHoaiHung · Serveur MCP

    Référencé sur : Official MCP Registry, npm registry (MCP servers) · Décrit presque le même besoin

  • Figma MCP Server

    A local MCP server with full Figma REST API coverage.

    par planetabhi · Serveur MCP

    Référencé sur : Official MCP Registry, npm registry (MCP servers) · Décrit presque le même besoin

  • ExecBro

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

    par execbro.com · Serveur MCP

    Référencé sur : Official MCP Registry, npm registry (MCP servers) · Décrit un besoin similaire

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

    par PaulRichez · Serveur MCP

    Référencé sur : Official MCP Registry, npm registry (MCP servers) · Décrit un besoin similaire

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

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

    par ethbak · Serveur MCP

    Référencé sur : Official MCP Registry, npm registry (MCP servers) · Décrit un besoin similaire

Trouvés par le sens, et non par un code ou un dépôt commun : les plugins similaires restent des produits distincts, et ceci n'est ni un avis ni une recommandation.

Vous voulez cette marque pour votre plugin dans notre catalogue ?

Prouvez que vous le maintenez avec un fichier dans son dépôt, un fichier sur votre domaine ou un enregistrement DNS, et vous pourrez afficher cette marque sur la fiche, avec des bannières à jour pour votre site et votre README. Comment se passe la vérification

Vous recevez aussi des alertes quand une marketplace le publie, le retire, change sa marque vérifiée ou ce qu'il demande, et son endpoint distant est surveillé comme un service web.

Ajouter à vos projets Découvrir le panneau

Données issues de Official MCP Registry. Les chiffres proviennent de nos propres passages réguliers sur les places de marché, dernière lecture le . Nous ne publions aucune coordonnée des éditeurs de plugins.

D’où viennent les données : comment le catalogue est construit