mcp-figma

Un servidor de Protocolo de Contexto de Modelo (MCP) para la integración de la API de Figma, diseñado para usarse con Claude y otros asistentes de IA compatibles con MCP.

Características

Este servidor MCP proporciona acceso a la funcionalidad de la API de Figma:

• Operaciones de archivo (obtener archivo, obtener nodos, obtener imágenes)

• Gestión de comentarios

• Gestión de equipos/proyectos

• Acceso a componentes y estilos

• Almacenamiento persistente de claves API

Related MCP server: Figma MCP Server

Instalación

Instalación de NPM

# Install globally
npm install -g mcp-figma

# Or install locally in a project
npm install mcp-figma

# Update to latest version
npm update -g mcp-figma

Uso con Claude

1. Añade mcp-figma a tu configuración de Claude:

"mcp-figma": {
  "command": "npx",
  "args": [
    "-y",
    "mcp-figma"
  ]
}

2. Cuando uses Claude, la primera vez deberás configurar tu clave API de Figma:

Please use mcp-figma to set my Figma API key: figd_xxxxxxxxxxxxxxxxxxxxxxx

Su clave API se almacenará en ~/.mcp-figma/config.json y se cargará automáticamente en futuras sesiones.

3. Puedes verificar que tu clave API esté configurada:

Please use mcp-figma to check my API key status

4. Luego use cualquiera de las funciones API de Figma disponibles:

Please use mcp-figma to get the file with key abc123

Herramientas disponibles

El servidor proporciona las siguientes herramientas:

• set_api_key : Establezca su token de acceso personal a la API de Figma (guardado en la configuración)

• check_api_key : Comprueba si ya está configurada una clave API

• get_file : Obtener un archivo Figma por clave

• get_file_nodes : Obtener nodos específicos de un archivo Figma

• get_image : Obtener imágenes de los nodos en un archivo Figma

• get_image_fills : Obtener las URL de las imágenes utilizadas en un archivo Figma

• get_comments : Obtener comentarios en un archivo Figma

• post_comment : Publicar un comentario en un archivo de Figma

• delete_comment : Eliminar un comentario de un archivo Figma

• get_team_projects : Obtener proyectos para un equipo

• get_project_files : Obtener archivos para un proyecto

• get_team_components : Obtener componentes para un equipo

• get_file_components : Obtener componentes de un archivo

• get_component : Obtener un componente por clave

• get_team_component_sets : Obtener conjuntos de componentes para un equipo

• get_team_styles : Obtener estilos para un equipo

• get_file_styles : Obtener estilos de un archivo

• get_style : Obtener un estilo por clave

Para ver ejemplos de uso detallados, consulte USAGE.md .

Licencia

Instituto Tecnológico de Massachusetts (MIT)