Figma MCP Server
Servidor MCP de Figma
Un servidor MCP (Protocolo de contexto de modelo) para analizar estructuras de archivos de Figma.
Características
Analizar archivos de Figma para extraer jerarquías de nodos
Admite tanto la API REST como el protocolo MCP
Profundidad del árbol de nodos configurable
Related MCP server: Figma MCP
Prerrequisitos
Node.js 16+
npm o hilo
Una clave API de Figma
Instalación
De npm
npm install -g figma-mcp-serverDe la fuente
git clone https://github.com/yourusername/mcp-figma.git
cd mcp-figma
npm install
npm run buildConfiguración
Copie el archivo de entorno de ejemplo y agregue su clave API de Figma:
cp .env.example .envLuego edita el archivo .env y agrega tu clave API de Figma:
FIGMA_API_KEY=your_figma_api_key_herePuede obtener una clave API de Figma desde la configuración de su cuenta de Figma: https://www.figma.com/developers/api#access-tokens
Uso
Como servidor API REST
Iniciar el servidor:
npm startEsto iniciará un servidor Express en el puerto 3000 (o el puerto especificado en su archivo .env ).
Puntos finales de API
GET /health- Punto final de comprobación de estadoGET /openapi.json- Especificación de OpenAPIGET /mcp.json- Manifiesto de MCPPOST /analyze- Analizar un archivo de Figma
Ejemplo de solicitud al punto final de análisis:
curl -X POST http://localhost:3000/analyze \
-H "Content-Type: application/json" \
-d '{"figmaUrl": "https://www.figma.com/file/FILE_ID/PROJECT_NAME?node-id=NODE_ID", "depth": 2}'Como servidor MCP
El servidor puede ser utilizado directamente por un LLM a través del protocolo MCP:
figma-mcp-server --cliO si se ejecuta desde la fuente:
npm run start -- --cliEjemplo de cliente
Se incluye un ejemplo sencillo de cliente. Para usarlo:
node client-example.js https://www.figma.com/file/FILE_ID/PROJECT_NAME?node-id=NODE_ID 2El último parámetro es el parámetro de profundidad opcional.
Desarrollo
Ejecutando en modo de desarrollo
npm run devPruebas
npm testEstibador
Se proporciona un Dockerfile para la implementación en contenedores:
docker build -t figma-mcp-server .
docker run -p 3000:3000 --env-file .env figma-mcp-serverLicencia
Instituto Tecnológico de Massachusetts (MIT)
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Tools
Related MCP Servers
- AlicenseBqualityDmaintenanceEnables interaction with Figma designs through the Figma API, allowing users to export images in multiple formats, extract style data and CSS, analyze design elements, and retrieve SVG code from Figma files. Supports batch operations and comprehensive design element analysis including images, vectors, and components.72011MIT
- FlicenseAqualityDmaintenanceEnables interaction with Figma files through intelligent API access, providing navigation, asset extraction, and design token retrieval with 95% token-optimized compact tree output format.151
- AlicenseNot gradedqualityDmaintenanceEnables developers to extract and organize Figma design files, including complete node data (tree structure and images) for AI understanding and code generation.MIT
- FlicenseNot gradedqualityCmaintenanceRead-only MCP server that wraps the Figma REST API, providing tools like get file metadata, list frames, and export node image URLs for AI SDLC agents.
Related MCP Connectors
The Figma MCP server brings Figma design context directly into your AI workflow.
Convert Revit files to XKT, IFC, or DWG and query BIM data via natural language.
OCR, transcription, file extraction, and image generation for AI agents via MCP.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/moonray/mcp-figma'
If you have feedback or need assistance with the MCP directory API, please join our Discord server