ASD

Cursor Talk to Figma

grabcursor-talk-to-figma-mcp

Conecta agentes de IA como Cursor con Figma vía WebSocket para leer y modificar diseños, textos, componentes y prototipos de forma programática.

stdio
Estrellas
7k

del repositorio

Actualizado
hace 19 días

último commit

Herramientas
12

expuestas al agente

Transporte
stdio

cómo conecta

Forks
765
Issues
86

abiertos

Instalación

bunx cursor-talk-to-figma-mcp@latest

Qué es Cursor Talk to Figma

Talk to Figma MCP es un puente entre agentes de IA (Cursor, Claude Code) y Figma, formado por un servidor MCP en TypeScript, un plugin de Figma y un servidor WebSocket que conecta ambos extremos. Gracias a esto, el agente puede leer la estructura de un documento de Figma y modificar el diseño directamente, en lugar de limitarse a describirlo.

El servidor expone decenas de herramientas MCP agrupadas por función: inspección de documento y selección, anotaciones, prototipado y conectores de FigJam, creación de elementos (rectángulos, frames, secciones, texto), auto layout y espaciado, estilos (colores, bordes, radios, rellenos de imagen), organización de capas (mover, redimensionar, clonar, renombrar, reparentar), componentes e instancias con propagación de overrides, y exportación de nodos como imagen. También incluye prompts de ayuda para tareas como reemplazo masivo de texto o conversión de anotaciones legadas.

Para usarlo hace falta instalar Bun, ejecutar bun setup para registrar el servidor MCP en Cursor, levantar el servidor WebSocket con bun socket, e instalar el plugin de Figma (desde la comunidad o localmente). El flujo de trabajo típico empieza uniéndose a un canal con join_channel para que el plugin y el agente queden conectados antes de emitir cualquier comando.

Qué le permite hacer a tu agente

  • Permite leer información de documentos, selecciones y nodos de Figma desde un agente de IA
  • Crea y modifica elementos de diseño: frames, rectángulos, texto, secciones y estilos
  • Gestiona auto layout, espaciado, componentes e instancias con propagación de overrides
  • Convierte reacciones de prototipo en conectores visuales de FigJam
  • Exporta nodos como imagen (PNG, JPG, SVG, PDF)

Úsalo cuando

  • Quieres que un agente de IA lea o modifique diseños de Figma de forma programática
  • Necesitas automatizar tareas repetitivas como reemplazo masivo de texto o override de instancias
  • Quieres convertir anotaciones manuales o reacciones de prototipo en elementos nativos de Figma

Herramientas que expone

Los nombres que el agente ve al conectarse.

  • get_document_info
  • get_selection
  • read_my_design
  • get_node_info
  • get_nodes_info
  • set_focus
  • set_selections
  • get_annotations
  • set_annotation
  • set_multiple_annotations
  • scan_nodes_by_types
  • get_reactions

Detalles

Publicado por
grab
Categoría
Diseño y UI
Licencia
MIT
Versión
Sin releases
Transporte
stdio

Etiquetas

  • figma
  • diseño
  • automatización de diseño
  • websocket
  • cursor

¿Este servidor es tuyo? Reclama el listado para corregir cualquier dato, añadir un logo y enlazar tu documentación.

Más servidores de Diseño y UI

Penpot

58.5k

Conecta agentes de IA con Penpot, la plataforma de diseño open source, para que puedan leer y trabajar sobre archivos de diseño reales.

Último commit
anteayer
diseno ui

Conecta un LLM como Claude con Blender para crear, modificar e inspeccionar escenas 3D mediante un servidor de sockets y ejecución de código Python.

Herramientas expuestas
1 herramienta
Transporte
stdio
Último commit
hace 3 días
Credenciales
diseno ui

Conecta agentes de código como Cursor con archivos de Figma para que implementen diseños UI a partir de datos reales de layout, no capturas de pantalla.

Transporte
stdio
Último commit
hace 7 días
Credenciales
diseno ui

Ver toda la categoría →