Penpot
58.5kConecta 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
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.
del repositorio
último commit
expuestas al agente
cómo conecta
abiertos
bunx cursor-talk-to-figma-mcp@latestTalk 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.
Los nombres que el agente ve al conectarse.
¿Este servidor es tuyo? Reclama el listado para corregir cualquier dato, añadir un logo y enlazar tu documentación.
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.
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.
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.