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.

versión npm

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

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

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

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.

Puedes verificar que tu clave API esté configurada:

Please use mcp-figma to check my API key status

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