Repolode
Enviar
grab

grab/cursor-talk-to-figma-mcp

Servidor MCP y plugin de Figma que permiten a agentes de IA como Cursor y Claude Code leer y modificar diseños de Figma mediante programación.

Ver en GitHubSitio web
Estrellas
7,065
Forks
782
Issues abiertos
93
Último commit
hace 3 meses

¿Qué es?

Talk to Figma MCP conecta agentes de programación con IA, como Cursor y Claude Code, con Figma. Ejecuta un servidor MCP en TypeScript y un servidor WebSocket que retransmiten comandos a un plugin de Figma que se ejecuta dentro del archivo de diseño. Una vez conectado, un agente puede inspeccionar el documento, la selección y las propiedades de los nodos; después, puede crear marcos, rectángulos y texto, cambiar rellenos, trazos y ajustes de diseño automático, y exportar nodos.

El conjunto de herramientas también permite trabajar por lotes en archivos grandes, por ejemplo, reemplazar texto de forma masiva, analizar nodos de texto en fragmentos y propagar anulaciones de instancias de componentes desde una instancia de origen a muchos destinos. Los prompts auxiliares guían al agente en tareas como convertir anotaciones antiguas en anotaciones nativas de Figma o transformar reacciones de prototipos en conectores de FigJam.

Para configurarlo, hay que instalar Bun, ejecutar el comando de configuración, iniciar el servidor de sockets, instalar el plugin de Figma y unirse a un canal desde el plugin antes de enviar comandos. El proyecto incluye una guía para Windows y WSL que modifica el nombre de host del socket.

Funciones clave

  • 01Lee información del documento, la selección y los nodos de Figma mediante herramientas MCP.
  • 02Crea marcos, rectángulos, nodos de texto, secciones e instancias de componentes.
  • 03Edita rellenos, trazos, radios de esquina, relleno de diseño automático, espaciado y dimensiones.
  • 04Reemplaza texto de forma masiva y propaga anulaciones de instancias a varios destinos.
  • 05Crea anotaciones nativas y conectores de FigJam a partir de reacciones de prototipos.
  • 06Exporta nodos como PNG, JPG, SVG o PDF.

Casos de uso

  • Actualizar texto de forma masiva en un archivo de diseño de marketing o localización de gran tamaño.
  • Crear estructuras o marcos a partir de un prompt del agente dentro de Cursor o Claude Code.
  • Migrar anotaciones antiguas y flujos de prototipos a las funciones nativas de Figma.
  • Propagar personalizaciones de una instancia de componente a muchas instancias similares.

Inicio rápido

  1. 1

    Instala Bun con el script de instalación oficial del README

  2. 2

    Ejecuta setup para instalar el MCP server en tu proyecto de Cursor

    bun setup
  3. 3

    Inicia el WebSocket server

    bun socket
  4. 4

    Instala el Figma plugin desde la página de la comunidad de Figma

Antes de usarlo

  • Debes mantener el WebSocket server en ejecución y unirte a un canal desde el Figma plugin antes de que el agente pueda trabajar con Figma.
  • En Windows con WSL, debes editar src/socket.ts manualmente para permitir las conexiones.

Temas

#figma#mcp#ai-agents#design-automation#websocket#typescript#agent#agentic#agentic-ai#ai

Preguntas frecuentes

¿Qué es cursor-talk-to-figma-mcp?
Servidor MCP y plugin de Figma que permiten a agentes de IA como Cursor y Claude Code leer y modificar diseños de Figma mediante programación. Talk to Figma MCP conecta agentes de programación con IA, como Cursor y Claude Code, con Figma. Ejecuta un servidor MCP en TypeScript y un servidor WebSocket que retransmiten comandos a un plugin de Figma que se ejecuta dentro del archivo de diseño. Una vez conectado, un agente puede inspeccionar el documento, la selección y las propiedades de los nodos; después, puede crear marcos, rectángulos y texto, cambiar rellenos, trazos y ajustes de diseño automático, y exportar nodos.
¿cursor-talk-to-figma-mcp es gratuito? ¿Qué licencia tiene?
cursor-talk-to-figma-mcp es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿cursor-talk-to-figma-mcp sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de cursor-talk-to-figma-mcp fue el 26 jul 2026.
¿Para qué puedo usar cursor-talk-to-figma-mcp?
Actualizar texto de forma masiva en un archivo de diseño de marketing o localización de gran tamaño. Crear estructuras o marcos a partir de un prompt del agente dentro de Cursor o Claude Code. Migrar anotaciones antiguas y flujos de prototipos a las funciones nativas de Figma. Propagar personalizaciones de una instancia de componente a muchas instancias similares.
¿Cómo se instala cursor-talk-to-figma-mcp?
Instala Bun con el script de instalación oficial del README Ejecuta setup para instalar el MCP server en tu proyecto de Cursor: bun setup Inicia el WebSocket server: bun socket Instala el Figma plugin desde la página de la comunidad de Figma
¿Dónde consigo cursor-talk-to-figma-mcp?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/grab/cursor-talk-to-figma-mcp

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados