Cómo crear prototipos visuales con DALL-E 3 y Runway para proyectos

Mira, colega. Si estás aquí es porque ya sabes que perder horas en Photoshop o After Effects para un prototipo rápido es una pérdida de tiempo. La IA generativa te permite pasar de una idea a un asset animado en minutos. Te voy a contar cómo usar DALL-E 3 para crear los visuales y Runway para darles movimiento. Sin teoría vacía, solo lo que funciona.

El combo: DALL-E 3 para generar, Runway para animar

Primero, genera tus assets con DALL-E 3. No necesitas ser diseñador, solo saber describir lo que quieres. Luego, los exportas a Runway, que tiene modelos de animación (Gen-2, Gen-3) que convierten imágenes estáticas en vídeos cortos. ¿El truco? Los prompts tienen que ser precisos para que la coherencia visual se mantenga.

Paso 1: Genera el asset base con DALL-E 3

Abre ChatGPT con DALL-E 3 o la interfaz de OpenAI. Usa prompts descriptivos, pero evita detalles irrelevantes. Aquí tienes un ejemplo funcional para un prototipo de app:

Un mockup minimalista de una interfaz de app de productividad, con un calendario en la parte superior, una lista de tareas en el centro y un botón flotante de "añadir". Estilo plano, colores azul y blanco, sin texto ilegible, formato cuadrado.

Cuando lo tengas, descárgalo en PNG sin fondo si es posible. Si no, usa herramientas como remove.bg después.

Paso 2: Lleva el asset a Runway y anímalo

Sube la imagen a Runway. En la sección "Image to Video", selecciona el modelo Gen-2 o Gen-3 (el más reciente). El prompt de animación es clave para que el movimiento sea natural:

La interfaz se desliza suavemente hacia arriba, con los elementos apareciendo uno tras otro con un efecto de fade-in. Movimiento sutil, sin parpadeos, duración de 4 segundos.

Ajusta la duración y la intensidad del movimiento. Runway te deja controlar la cámara virtual, así que juega con el zoom o el paneo si quieres más dinamismo.

Paso 3: Refina y exporta

Si el resultado no te convence, ajusta el prompt de animación. A veces menos es más: un movimiento lento y constante queda mejor que un efecto exagerado. Exporta en MP4 o GIF.

Otra opción: para prototipos de producto, puedes generar varios assets y animarlos por separado, luego montarlos en Canva o Premiere. Aquí un prompt para un asset de interfaz web:

Dashboard analítico con gráficos de barras y un mapa de calor. Colores oscuros con acentos verdes, estilo corporativo. Proporción 16:9.

Y para animarlo en Runway:

Los gráficos se expanden desde el centro con una transición fluida, como si estuvieran cargando datos en tiempo real. Sin cortes bruscos.

Consejo rápido

No esperes que DALL-E 3 entienda conceptos complejos de UI/UX. Si necesitas botones o iconos específicos, mejor genera un boceto general y luego edítalo ligeramente en Figma o Photopea. Pero para prototipos de concepto, este flujo te ahorra horas.

Y tú, colega, ¿qué usas para prototipar con IA? ¿Te animas a probar este combo o ya tienes tu propia receta?