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)

You must be authenticated.

security – no known vulnerabilities

license - permissive license

quality - confirmed to work

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

Figma MCP Server
TimHolden
A
security
F
license
A
quality
Enables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
Last updated -
2
106
TypeScript
Figma MCP Server
GLips
-
security
A
license
-
quality
Enables Cursor to access Figma files through the Model Context Protocol, enhancing its ability to accurately interpret and utilize design data for code generation.
Last updated -
5
60,738
8,062
TypeScript
MIT License
mcp-figma
thirdstrandstudio
-
security
A
license
-
quality
Figma MCP with full API functionality
Last updated -
54
16
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

View all related MCP servers

Figma MCP Server