mcp-figma

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Integrations

  • Provides comprehensive access to Figma's API, enabling file operations, comments management, team/project management, component and style access, and image extraction from Figma designs.

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

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" ] }
  1. 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.

  1. Puedes verificar que tu clave API esté configurada:
Please use mcp-figma to check my API key status
  1. 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)

You must be authenticated.

A
security – no known vulnerabilities
F
license - not found
A
quality - confirmed to work

Un servidor de protocolo de contexto de modelo que proporciona acceso a la funcionalidad de la API de Figma, lo que permite que los asistentes de IA como Claude interactúen con archivos, comentarios, componentes y recursos del equipo de Figma.

  1. Features
    1. Installation
      1. NPM Installation
    2. Usage with Claude
      1. Available Tools
        1. License
          ID: z3gvv0394m