io.github.TranHoaiHung/figma-ui-mcp
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
Serveur MCP · par TranHoaiHung
Aperçu
io.github.TranHoaiHung/figma-ui-mcp est un serveur MCP publié par TranHoaiHung. Places de marché que nous lisons et qui le référencent : 1 (Official MCP Registry). Le dernier changement enregistré date du 2026-10-14. Selon notre passage sur les places de marché du 2026-10-16.
Ce qu'il demande
- S'exécute sur votre machine
Aucune des places de marché que nous lisons ne publie ses outils ni les réglages qu'il demande.
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.
Paquet
npm figma-ui-mcp (figma-ui-mcp sur npm)
- Téléchargements npm par semaine: 786 (2026-10-13)
- Téléchargements npm par mois: 1 675 (2026-10-13)
- Dernière version sur npm : 2.5.29, publiée le 2026-10-11
Aucune vulnérabilité connue dans OSV pour 2.5.29 (vérifié le 2026-10-14)
Les données npm proviennent du registre public npm (registry.npmjs.org, api.npmjs.org). Chaque chiffre est celui du registre et ne s'additionne jamais à un autre. Un registre qui ne publie pas de chiffre n'en affiche aucun : pas de chiffre ne veut pas dire zéro. Les entrées de vulnérabilités proviennent d'OSV.dev (CC BY 4.0) et ne concernent que la version déclarée ; une fiche sans version déclarée n'obtient pas de réponse. Nous n'analysons pas le code.
Fonctionne avec
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
Un lien en un clic ouvre le client, qui demande une confirmation avant d'ajouter le serveur.
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 mcp add --transport stdio figma-ui-mcp -- npx -y figma-ui-mcp[mcp_servers.figma-ui-mcp]
command = "npx"
args = ["-y", "figma-ui-mcp"]{
"mcpServers": {
"figma-ui-mcp": {
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}Où il est publié
| Place de marché | Statut | Version | Chiffres | Vérifié | Vu pour la première fois |
|---|---|---|---|---|---|
| Official MCP Registry (Ouvrir la fiche du registre) | Référencé | 2.5.29 | Téléchargements par mois (npm): 1 675 Téléchargements par semaine (npm): 786 Forks (GitHub): 48 Étoiles (GitHub): 264 |
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.
Évolution de ses chiffres
- 2026-10-1448
- 2026-10-1548
- 2026-10-14264
- 2026-10-15264
Chaque point est un jour où nous avons lu un autre nombre ; les paliers sont des jours sans changement. Les chiffres de places de marché différentes ne sont jamais additionnés.
Ce qui a changé
Rien n'a bougé sur ce plugin depuis que nous le suivons.
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.
-
MCP server enabling AI assistants to interact with Figma designs via natural language commands
-
figma-edit-mcp io.github.neozhehan/figma-edit-mcp
Programmatically read, create, and modify Figma designs via MCP.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
localfig io.github.LucasGorgal/localfig
The Figma desktop app as an MCP server: full Plugin API for AI agents. Local, no token, no quota.
-
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.
-
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.
-
genable-mcp io.github.musepy/genable-mcp
Write to Figma from any MCP client (Claude Code, Cursor). Complements the read-only official MCP.
-
figma-react io.github.MananSingh2001/figma-react
An MCP server that converts Figma designs into React code.
-
Builds Figma from your design system: real components and tokens, enforced, learning every build.
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)
-
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…
-
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…
-
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…
-
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…
-
Capture any web page and convert it into an editable Figma design
Référencé sur Claude Code: claude-plugins-official (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
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…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Skills for creating MCP Apps with the MCP Apps SDK
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…
Référencé sur Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
AI-first project auditor and re-engineer based on the 9 design principles and 7 design patterns from the TechWolf AI-First Bootcamp
-
Unity's official plugin for Claude Code, with curated skills for game development, monetization, and performance optimization.
Référencé sur Codex: openai-curated (openai/plugins) (5)
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
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…
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
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.
Référencé sur Community GitHub marketplaces (5)
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
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.
-
Connect AI coding agents to Anima Playground, Figma, and your design system.
-
figma-mcp-rust io.github.alvinindra/figma-mcp-rust
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
-
Validate AI-built front-ends against Figma by tokens and geometry, not pixels.
Référencé sur Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
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…
-
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…
-
Model, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.
-
Opens a real Chromium window you can navigate and interact with from a Copilot canvas control panel and agent actions.
Référencé sur Copilot CLI: github/copilot-plugins (5)
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
mobile-app
Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors
Référencé sur Cursor: cursor/plugins (5)
Référencé sur Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
MCP server for terminal commands, file operations, and process management
-
Discover and connect to a curated marketplace of MCP servers for extending AI agent capabilities.
-
mcp-server-browserbase io.github.browserbase/mcp-server-browserbase
MCP server for AI web browser automation using Browserbase and Stagehand
-
Give your AI agents trusted access to the full Postman platform.
Référencé sur Official MCP Registry (5)
-
MCP server enabling AI assistants to interact with Figma designs via natural language commands
-
figma-edit-mcp io.github.neozhehan/figma-edit-mcp
Programmatically read, create, and modify Figma designs via MCP.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
localfig io.github.LucasGorgal/localfig
The Figma desktop app as an MCP server: full Plugin API for AI agents. Local, no token, no quota.
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.
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.