Skills Agentes

Cursor Talk to Figma

grabcursor-talk-to-figma-mcp

Conecta `cursor-talk-to-figma` a Claude o Cursor y lee y modifica diseños, textos, componentes y prototipos de Figma vía WebSocket.

stdio
Estrellas
7k

del repositorio

Actualizado
hace 2 meses

último commit

Herramientas
12

expuestas al agente

Transporte
stdio

cómo conecta

Forks
775
Issues
89

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

60.2k

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
hace 4 días
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 4 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 8 días
Credenciales
diseno ui

Ver toda la categoría →