figma-mcp
Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.
Servidor MCP · de Mehmoodqureshi
Resumen
figma-mcp es un servidor MCP publicado por Mehmoodqureshi. Marketplaces que leemos y que lo publican: 1 (Official MCP Registry). Lo vimos por primera vez el 2026-10-11 y desde entonces no hemos registrado cambios. Según nuestra pasada por los marketplaces del 2026-10-14.
Qué pide
- Se ejecuta en tu equipo
- Secretos: 1
- Ajustes: 2
Requiere: FIGMA_TOKEN (secreta)
Lo que declara, pide y ejecuta, completo
Instala solo plugins de desarrolladores en los que confíes. Mostramos lo que publican los marketplaces y no probamos plugins.
Paquete
npm @mehmoodqureshi/figma-mcp (@mehmoodqureshi/figma-mcp en npm)
- Descargas de npm por semana: 34 (2026-10-12)
- Descargas de npm por mes: 348 (2026-10-12)
- Última versión en npm: 0.2.1, publicada el 2026-09-26
- La versión declarada 0.2.1 no figura en npm
Los datos de npm proceden del registro público de npm (registry.npmjs.org, api.npmjs.org). Cada cifra es del propio registro y nunca se suma a otra. Un registro que no publica una cifra no muestra ninguna: sin cifra no es cero.
Funciona con
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
Según los marketplaces que lo listan y el transporte MCP que declara, tal como lo documenta cada cliente. No probamos plugins.
Conectar
Comandos y configuraciones generados solo a partir de lo que declaran sus marketplaces. No los ejecutamos por ti ni probamos plugins.
Como servidor MCP local: paquete npm
Generado a partir de lo que declara Official MCP Registry.
claude mcp add --env "FIGMA_TOKEN=<YOUR_FIGMA_TOKEN>" --transport stdio figma-mcp -- npx -y @mehmoodqureshi/figma-mcp[mcp_servers.figma-mcp]
command = "npx"
args = ["-y", "@mehmoodqureshi/figma-mcp"]
[mcp_servers.figma-mcp.env]
FIGMA_TOKEN = "<YOUR_FIGMA_TOKEN>"{
"mcpServers": {
"figma-mcp": {
"command": "npx",
"args": [
"-y",
"@mehmoodqureshi/figma-mcp"
],
"env": {
"FIGMA_TOKEN": "<YOUR_FIGMA_TOKEN>"
}
}
}
}Sustituya los valores entre corchetes angulares por los suyos. Mostramos los nombres de los ajustes, nunca valores.
Ajustes opcionales que también indica: FIGMA_MCP_CACHE_DIR.
Dónde está publicado
| Marketplace | Estado | Versión | Cifras | Verificado | Visto por primera vez |
|---|---|---|---|---|---|
| Official MCP Registry (Abrir el registro) | Publicado | 0.2.1 | Descargas por mes (npm): 348 Descargas por semana (npm): 34 Forks (GitHub): 0 Estrellas (GitHub): 1 |
Sin marca |
Cada cifra es del propio marketplace y nunca se suma entre marketplaces. Un marketplace que no publica cifras no muestra ninguna: sin número no es cero.
Qué cambió
Nada ha cambiado en este plugin desde que lo seguimos.
Plugins similares
Productos cuyos propios nombres, descripciones, herramientas y skills son los más cercanos a este por su significado, en todos los marketplaces que leemos. La cercanía se ordena solo dentro de esta lista.
-
figma-react io.github.MananSingh2001/figma-react
An MCP server that converts Figma designs into React code.
-
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.
-
figma-edit-mcp io.github.neozhehan/figma-edit-mcp
Programmatically read, create, and modify Figma designs via MCP.
-
figma-ui-mcp io.github.TranHoaiHung/figma-ui-mcp
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
-
genable-mcp io.github.musepy/genable-mcp
Write to Figma from any MCP client (Claude Code, Cursor). Complements the read-only official MCP.
-
figma-mcp-express io.github.sunhome243/figma-mcp-express
Compact Figma MCP with validated batch ops through a local plugin bridge.
-
localfig io.github.LucasGorgal/localfig
The Figma desktop app as an MCP server: full Plugin API for AI agents. Local, no token, no quota.
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
figma-mcp-rust io.github.nntoan/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.
Plugins similares por marketplace
La misma pregunta a cada marketplace por separado: ¿hay allí un equivalente de este plugin?
Publicado en Claude Code: claude-plugins-community (5)
-
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…
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
-
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…
-
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…
-
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…
Publicado en 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…
-
Skills for creating MCP Apps with the MCP Apps SDK
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
mcp-server io.github.cap-js/mcp-server
Model Context Protocol (MCP) server for AI-assisted development of CAP applications.
-
mdk-mcp-server io.github.SAP/mdk-mcp-server
Model Context Protocol (MCP) server for AI-assisted development of MDK applications.
Publicado en 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…
-
Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills
-
Unity's official plugin for Claude Code, with curated skills for game development, monetization, and performance optimization.
-
MCP server for terminal commands, file operations, and process management
-
Keep your coding agent up to date with the latest web best practices
Publicado en 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.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Qodo setup, code intelligence, and review workflows.
-
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.
Publicado en Community GitHub marketplaces (5)
-
figma-mcp-express io.github.sunhome243/figma-mcp-express
Compact Figma MCP with validated batch ops through a local plugin bridge.
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
Validate AI-built front-ends against Figma by tokens and geometry, not pixels.
-
figma-mcp-rust io.github.alvinindra/figma-mcp-rust
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
-
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.
Publicado en 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…
-
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…
-
Complete toolkit for building Model Context Protocol (MCP) servers in Go using the official github.com/modelcontextprotocol/go-sdk. Includes instructions for best practices, a…
-
Complete toolkit for building Model Context Protocol (MCP) servers in Kotlin using the official io.modelcontextprotocol:kotlin-sdk library. Includes instructions for best…
-
Model, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.
Publicado en 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.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
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
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
Publicado en Cursor: cursor/plugins (5)
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Render PR diffs as review canvases grouped by importance.
-
Render documentation as a navigable canvas.
-
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…
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
Publicado en Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
Giving Claude ability to run code with E2B via MCP (Model Context Protocol).
-
Tools and resources for writing Effect code in Typescript.
-
MCP server for terminal commands, file operations, and process management
Publicado en Official MCP Registry (5)
-
figma-react io.github.MananSingh2001/figma-react
An MCP server that converts Figma designs into React code.
-
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.
-
figma-edit-mcp io.github.neozhehan/figma-edit-mcp
Programmatically read, create, and modify Figma designs via MCP.
-
figma-ui-mcp io.github.TranHoaiHung/figma-ui-mcp
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
-
genable-mcp io.github.musepy/genable-mcp
Write to Figma from any MCP client (Claude Code, Cursor). Complements the read-only official MCP.
Encontrados por significado, no por código ni repositorio compartidos: los plugins similares siguen siendo productos distintos, y esto no es una reseña ni una recomendación.
¿Es tu plugin?
Añádelo a tus proyectos y demuestra que lo mantienes con un archivo en su repositorio, un archivo en tu dominio o un registro DNS. Recibirás avisos cuando un marketplace lo publique, lo retire, cambie su marca verificada o lo que pide, y su endpoint remoto quedará monitorizado como un servicio web.
Datos de Official MCP Registry. Las cifras proceden de nuestros propios recorridos periódicos por los marketplaces, leída por última vez el . No publicamos datos de contacto de los editores de plugins.