Integración Figma n8nAutomatiza Figma con n8n.
¿Cuántas veces te enteras tarde de que la biblioteca de diseño cambió? La integración Figma n8n se apoya en un único nodo de tipo trigger: 5 eventos agrupados en 2 familias que llegan por webhook en cuanto activas el flujo. Pensada para equipos donde el diseño ya no avisa a mano.
Reseñas verificadas en Trustpilot · Agencia de IA, automatización y growth
¿Qué resuelve la integración Figma n8n?
El nodo Figma Trigger (Beta) arranca un flujo de n8n cuando ocurre algo dentro de un equipo de Figma. Escucha 5 eventos repartidos en 2 familias, file y library, y funciona por webhook: una URL que Figma llama en el instante en que se produce el evento. El flujo se ejecuta en pocos segundos y no hay ningún intervalo de comprobación que ajustar.
El caso más limpio es el aviso de design system. libraryPublish se dispara cuando se publica un archivo de biblioteca, es decir cuando un componente pasa a estar disponible para todo el que la consume. Ese evento se convierte en un correo automático con Gmail hacia desarrollo, y la publicación deja de depender de que alguien escriba el mensaje.
Sigue el registro de borrados. fileDelete se dispara cuando se elimina un archivo, y guardar cada uno en Airtable da una traza consultable meses después, con la fecha y el equipo. Ojo con el alcance: el conteo va archivo por archivo, así que borrar una carpeta entera no genera un evento por cada archivo que contenía.
El tercer caso mezcla dos nodos. Con fileComment cada comentario dejado en un archivo del equipo entra en n8n, pasa por OpenAI para separar la petición real del ruido y termina en el canal de Slack que corresponda. Los valores del item que llega se leen con una expresión como {{ $json.field }}, una fórmula que apunta a un campo del dato recibido.
Aquí el trigger es todo el nodo. Lo que queda fuera del catálogo de eventos se resuelve con HTTP Request, el nodo genérico que llama a cualquier endpoint de la API de Figma reutilizando la misma credencial mediante la autenticación predefinida. El montaje típico son dos nodos: Figma Trigger para arrancar y HTTP Request para ir a buscar el resto.
Queda un detalle de alcance que conviene decidir pronto. El trigger vigila un equipo, el que indica Team ID, de modo que una empresa con varios equipos de Figma necesita varios flujos. Y fileUpdate es más ruidoso de lo que parece, porque cuenta también el guardado que ocurre al cerrar un archivo dentro de los 30 segundos siguientes a un cambio. Si dudas entre plataformas antes de montarlo, la reseña n8n compara los criterios sin adornos.
¿Cómo se conecta Figma con n8n?
- 01
Comprueba la cuenta y genera el token
Figma pide una cuenta de nivel admin u owner para este nodo, y ahí se atasca la mitad de los intentos. Con ese nivel, genera un Personal Access Token desde tu cuenta de Figma y pégalo en una credencial de n8n. Una credencial es un juego de datos de acceso que se crea una vez en el menú Credentials y reaparece en la lista desplegable de todos tus flujos.
- 02
Registra una app si usas OAuth2
La segunda vía de autenticación es OAuth2. En una instancia autoalojada, abre la página developer apps de Figma, pulsa Create a new app, ponle un nombre como
n8n integration, copia la OAuth Redirect URL de n8n en Add a callback y lleva el Client ID y el Client Secret a la credencial. Los scopes por defecto sonwebhooks:readywebhooks:write. - 03
Elige equipo, evento y activa
En el nodo, rellena Team ID con el identificador del equipo de Figma que quieres vigilar y elige el evento en Trigger On. Guarda y activa: la activación es lo que registra el webhook del lado de Figma. Después provoca el evento en Figma, un comentario basta, y mira si llega la primera ejecución.
¿Qué escucha el Figma Trigger?
Figma Trigger (Beta) es el nodo que arranca un workflow cuando algo ocurre en Figma. Escucha 5 eventos, listados abajo por familia. Eliges uno o varios, activas el workflow y n8n registra el webhook (la URL que Figma llama) en tu cuenta.
Lo que ves en n8n
Todos los eventos, por familia
Una fila por objeto, un chip por acción. El evento que marcas en el nodo se escribe objeto.acción; pasa el cursor por un chip para leer cuándo se dispara.
file.*4library.*1Notas de configuración
01Set Up The Figma Trigger
Este nodo abre el flujo y es el único nodo de Figma que interviene. Al activar el flujo, n8n registra un webhook en Figma, o sea una URL que Figma llama cada vez que ocurre el evento elegido. De ahí que la recepción tarde segundos y que no exista ningún intervalo de sondeo que configurar.
Parámetros clave
- Team ID: el equipo de Figma vigilado, campo obligatorio. Un campo obligatorio vacío bloquea la ejecución del nodo. El valor se lee en la URL de la página del equipo,
figma.com/files/team/{TEAM-ID}/. - Trigger On: el evento que escucha el nodo. La lista tiene 5 entradas repartidas en 2 familias, file y library.
02Library Publish
libraryPublish forma él solo la familia library y se dispara cuando se publica un archivo de biblioteca. Esa publicación marca el momento en que un componente o un estilo llega a todos los que consumen la biblioteca, así que es la señal más limpia de que el design system ha cambiado. Ningún otro evento de la lista significa eso.
Parámetros clave
- Trigger On: puesto en Library Publish para un flujo que solo reacciona a las publicaciones y se desentiende del trabajo diario sobre los archivos.
- Team ID: la biblioteca publicada tiene que pertenecer al equipo vigilado, si no, no llega nada.
{{ $json.field }}.03File Commented, Updated, Version Updated, Deleted
Cuatro de los 5 eventos pertenecen a la familia file y cada uno responde a una pregunta distinta. fileComment salta cuando alguien comenta un archivo. fileUpdate salta cuando un archivo se guarda o se elimina, y el guardado se cuenta al cerrar el archivo dentro de los 30 segundos posteriores a un cambio. fileVersionUpdate salta al crear una versión con nombre en el historial. fileDelete salta al eliminar un archivo, contado archivo por archivo, sin repetirse por cada archivo de una carpeta borrada.
Parámetros clave
- Trigger On: un solo evento de los cuatro por nodo. ¿Necesitas dos? Pon dos nodos Figma Trigger en el mismo flujo.
- Team ID: acota los cuatro eventos a un único equipo.
¿Necesitas ayuda para automatizar Figma con n8n?
El equipo te responde directamente.
Cada mensaje lo lee una persona.
