Cómo usar el plugin de Illustro en Figma

Si ya tienes el diseño abierto en Figma, la pestaña del navegador puede esperar: genera directamente en el archivo. Para eso mismo, Illustro tiene su propio plugin en Figma Community.

1. Instala el plugin

Ve a Illustro AI en Figma Community e instálalo. Luego ábrelo desde el menú de plugins de tu archivo.

2. Conecta tu cuenta de Illustro

La primera vez que lo abras, el plugin te pedirá que inicies sesión. Usa la misma cuenta que en illustro.app: así tus estilos, tus créditos y tus archivos guardados estarán siempre sincronizados.

3. Describe una escena que encaje en el marco

Antes de escribir el prompt, fíjate en el espacio vacío que tienes que llenar: una sección hero de 1440 px y una pantalla vacía de 320 px piden encuadres distintos. Luego describe quién aparece, dónde está y qué hace: "una diseñadora de producto revisando una app en su laptop, luz natural suave, escritorio sencillo".

4. Coloca la imagen y revisa el contraste

Colócala en el diseño de verdad, no en una página en blanco, y comprueba cómo queda con la tipografía y el fondo definitivos. Si el encuadre no funciona, genera una composición más cerrada en vez de ampliar una escena abierta hasta que deje de verse bien.

También puedes generar en la web y exportar: el plugin está pensado para cuando Figma ya es el destino. Y si, una vez colocada, el encuadre no te convence, edita la ilustración en lugar de empezar de cero con otro prompt.