Figma MCP

Servidor Figma MCP

Un servidor de Model Context Protocol (MCP) que proporciona integración con la API de Figma, permitiéndote interactuar con archivos, comentarios, componentes y más de Figma.

Características

• Operaciones de archivos

  • Obtener información de archivos
  • Obtener historial de versiones de archivos
  • Obtener componentes de archivos

• Gestión de comentarios

  • Listar comentarios en archivos
  • Añadir nuevos comentarios
  • Eliminar comentarios

• Funciones de proyecto y equipo

  • Listar proyectos de equipo
  • Obtener archivos de proyecto
  • Obtener estilos publicados

• Gestión de webhooks

  • Crear webhooks
  • Listar webhooks existentes
  • Eliminar webhooks

Instalación

Instalación mediante Smithery

Para instalar Figma MCP Server para Claude Desktop automáticamente mediante Smithery:

npx -y @smithery/cli install @deepsuthar496/figma-mcp-server --client claude

Instalación manual

1. Clona el repositorio
2. Instala las dependencias:

npm install

3. Compila el servidor:

npm run build

Configuración

Configura el servidor en tu archivo de configuración de MCP con tu token de acceso de Figma:

{
  "mcpServers": {
    "figma": {
      "command": "node",
      "args": ["path/to/figma-server/build/index.js"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "your-access-token-here"
      },
      "disabled": false,
      "alwaysAllow": []
    }
  }
}

Herramientas disponibles

Operaciones de archivos

get_file

Obtener información sobre un archivo de Figma

{
  "file_key": "string"
}

get_file_versions

Obtener historial de versiones de un archivo

{
  "file_key": "string"
}

get_file_components

Obtener componentes de un archivo

{
  "file_key": "string"
}

Gestión de comentarios

get_file_comments

Obtener comentarios de un archivo

{
  "file_key": "string"
}

post_comment

Publicar un comentario en un archivo

{
  "file_key": "string",
  "message": "string"
}

delete_comment

Eliminar un comentario de un archivo

{
  "file_key": "string",
  "comment_id": "string"
}

Operaciones de proyecto y equipo

get_team_projects

Obtener proyectos de un equipo

{
  "team_id": "string"
}

get_project_files

Obtener archivos de un proyecto

{
  "project_id": "string"
}

get_component_styles

Obtener estilos publicados

{
  "team_id": "string"
}

Gestión de webhooks

create_webhook

Crear un webhook

{
  "team_id": "string",
  "event_type": "string",
  "callback_url": "string"
}

get_webhooks

Listar webhooks

{
  "team_id": "string"
}

delete_webhook

Eliminar un webhook

{
  "webhook_id": "string"
}

Ejemplo de uso

// Example using the MCP tool to get file information
<use_mcp_tool>
<server_name>figma</server_name>
<tool_name>get_file</tool_name>
<arguments>
{
  "file_key": "your-file-key"
}
</arguments>
</use_mcp_tool>

Licencia

MIT

Contribuciones

1. Haz un fork del repositorio
2. Crea tu rama de características
3. Haz commit de tus cambios
4. Sube los cambios a la rama
5. Crea un nuevo Pull Request