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

Prerrequisitos

Node.js 16+
npm o hilo
Una clave API de Figma

Instalación

De npm

npm install -g figma-mcp-server

De la fuente

git clone https://github.com/yourusername/mcp-figma.git
cd mcp-figma
npm install
npm run build

Configuración

Copie el archivo de entorno de ejemplo y agregue su clave API de Figma:

cp .env.example .env

Luego edita el archivo .env y agrega tu clave API de Figma:

FIGMA_API_KEY=your_figma_api_key_here

Puede 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 start

Esto 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 estado
GET /openapi.json - Especificación de OpenAPI
GET /mcp.json - Manifiesto de MCP
POST /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 --cli

O si se ejecuta desde la fuente:

npm run start -- --cli

Ejemplo 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 2

El último parámetro es el parámetro de profundidad opcional.

Desarrollo

Ejecutando en modo de desarrollo

npm run dev

Pruebas

npm test

Estibador

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-server

Licencia

Instituto Tecnológico de Massachusetts (MIT)

Install Server

HTTP connection URL

security – no known vulnerabilities

license - permissive license

quality - confirmed to work

How are these scores calculated?

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Tools

analyze_figma_file

Facilita el análisis de las estructuras de archivos de Figma mediante la extracción de jerarquías de nodos, accesibles a través de la API REST o el protocolo MCP.

Related Resources

Reddit Discussion about this server

Related MCP Servers

mcp-figma
thirdstrandstudio
-
security
A
license
-
quality
Figma MCP with full API functionality
Last updated -
168
32
TypeScript
MIT License
FigmaMind MCP Server
joao-loker
-
security
F
license
-
quality
Extracts components from Figma designs and transforms them into standardized JSON format for easy consumption by AI models and tools for interface reconstruction.
Last updated -
TypeScript
Figma MCP Server with Chunking
ArchimedesCrypto
A
security
A
license
A
quality
A Model Context Protocol server for interacting with the Figma API that handles large Figma files efficiently through memory-aware chunking and pagination capabilities.
Last updated -
7
2
TypeScript
MIT License
Gravity Global Figma MCP
nguyenlegravityglobal
A
security
F
license
A
quality
A tool that integrates Figma with Cursor through the Model Context Protocol, allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.
Last updated -
1
JavaScript

View all related MCP servers

Figma MCP Server