Genera imágenes y video con IA en Figma a partir de tu selección

El trabajo de diseño necesita imágenes mucho antes de que nadie las haya fotografiado: el hero de una landing page, la imagen lifestyle de una ficha de producto, el fondo de una plantilla para redes. El plugin de eroq para Figma las renderiza donde se usan (como rellenos en tu lienzo, junto al frame que estás diseñando) y puede partir de lo que ya has dibujado.

Instalación (beta)

Durante la beta, el plugin se importa desde su manifiesto, lo que requiere la app de escritorio de Figma:

1. Descarga el zip desde eroq para Figma y descomprímelo.
2. En Figma de escritorio, abre Plugins → Development → Import plugin from manifest… y elige manifest.json.
3. Ejecútalo desde Plugins → Development → eroq — AI images & video.

Conexión

Haz clic en Connect eroq (conectar eroq). Tu navegador abre eroq.ai: inicia sesión si hace falta, haz clic en Allow (permitir) y la página muestra un código con un botón Copy code (copiar código). Pégalo en el plugin: se conecta en cuanto lo pegas. Los plugins de Figma no pueden recibir una redirección del navegador, de ahí el paso de copiar; el código funciona una sola vez, durante dos minutos, y solo en el plugin que lo pidió.

La clave del plugin aparece en Desarrolladores → Claves de API como una entrada «Figma … (connected)», y Disconnect (menú ⋯) la revoca.

A partir de un prompt

En la pestaña Image, escribe el prompt, elige un modelo y un formato (1:1, 3:4, 4:3, 9:16 o 16:9) y pulsa Generate. El botón muestra el precio antes de hacer clic: 10 créditos en Krea 2, 20 en Eroq One.

El render llega como un rectángulo con relleno de imagen en su propia proporción (1024 px en el lado largo), con el nombre de tu prompt, seleccionado y desplazado a la vista. Se coloca junto a tu selección (o en el centro de la pantalla) y nunca encima de otra capa, así que una serie de renders queda bien alineada para compararlos.

A partir de tu selección

Esta es la parte que convierte el plugin en una herramienta de diseño y no en un simple buscador de imágenes. Marca Use selection as reference (usar la selección como referencia) y las cuatro primeras capas seleccionadas viajan con el prompt como imágenes de referencia:

• Un wireframe o un boceto rápido: el render respeta tu maquetación (dónde va el sujeto, dónde queda el espacio del titular).
• Una foto de producto: conserva el producto y cambia todo lo que lo rodea, por ejemplo «la misma botella sobre una superficie de mármol, luz de mañana».
• Un moodboard: un collage de referencias de color y textura.

Las capas se exportan a un tamaño razonable (el lado largo entre 1024 y 1536 px) y pasan directamente al motor; no se guarda nada en eroq. Los motores que no leen imágenes simplemente las ignoran.

Rellenos de video

La pestaña Video funciona igual, con los formatos nativos del motor y duraciones de hasta 10 segundos. Marca Use selection as first frame (usar la selección como primer fotograma) y la capa seleccionada se convierte en el fotograma inicial del clip: un key visual estático que empieza a moverse. Como la API de video recibe enlaces de imágenes, ese fotograma se sube primero a tu Almacenamiento de eroq (carpeta Figma; no gasta créditos, pero cuenta para tu cuota de almacenamiento). El precio que se muestra es una estimación calculada igual que factura la API; un clip de cinco segundos en Seedance 2.0 Mini cuesta 45 créditos.

Figma acepta rellenos de video en los equipos de pago (Professional, Organization, Education), hasta 100 MB por clip. En otros planes, el plugin coloca el primer fotograma del clip como imagen, te explica por qué y te da el enlace del clip; el clip en sí siempre está en tu biblioteca de eroq.

Ritmo de trabajo

• Se ejecutan hasta cuatro renders a la vez, cada uno con su miniatura en Recent (recientes). Si cierras el plugin a mitad de un render, el resultado te espera ahí cuando vuelves.
• Selecciona un render que haya colocado el plugin y usa Reuse its prompt (reutilizar su prompt) para iterar sobre él.
• ⌘/Ctrl + Enter en el prompt lanza la generación.
• Los errores usan las propias palabras de eroq (créditos insuficientes, un prompt rechazado, un motor reservado a otro plan) y los renders fallidos se reembolsan solos.

Preguntas frecuentes

¿Funciona en Figma desde el navegador?

Ejecutarlo, sí, pero la beta se importa desde su manifiesto, y eso solo lo puede hacer la app de escritorio. Cuando se publique en la Community, funcionará en el navegador como cualquier otro plugin.

¿Funciona en FigJam?

Está pensado para los archivos de diseño de Figma.

¿Mis diseños se envían a algún sitio?

Solo las capas que marcas como referencias, y solo para ese render. En el caso de las imágenes, pasan al motor y no se guardan en ningún sitio; el primer fotograma de un video se conserva en tu propio Almacenamiento de eroq.

¿Cuánto cuesta?

Los mismos precios en créditos que en el estudio, que se muestran en el botón Generate antes de cada render. Las cuentas nuevas de eroq empiezan con 50 créditos gratis.

Consíguelo en eroq para Figma.