Contenido del curso
Metodología práctica: 70% hands-on, 30% teoría
Mentalidad AI First: el nuevo normal del diseño
Marco conceptual
Hands-on
Se enfoca en desarrollar la mentalidad AI First, delegando tareas tediosas a la IA para acortar el camino y optimizar procesos antes de empezar una tarea.
Aplicación del framework 4D: diseñar un flujo de trabajo para crear un nuevo feature a partir de datos de investigación
Mentalidad AI First: el nuevo normal del diseño
Marco conceptual
Hands-on
Se enfoca en desarrollar la mentalidad AI First, delegando tareas tediosas a la IA para acortar el camino y optimizar procesos antes de empezar una tarea.
Aplicación del framework 4D: diseñar un flujo de trabajo para crear un nuevo feature a partir de datos de investigación
Criterio propio y dominio técnico de LLMs
Marco conceptual
Hands-on
Desarrollar el criterio para usar la IA con propósito, no confiando ciegamente en sus outputs, entendiendo los LLMs, y manejando conceptos clave como contexto y tokens.
Lanzar el mismo prompt con especificaciones detalladas en múltiples UI builders (como Lowable, Vercel/B0, Replit, Hero UI, etc.)
Criterio propio y dominio técnico de LLMs
Marco conceptual
Hands-on
Desarrollar el criterio para usar la IA con propósito, no confiando ciegamente en sus outputs, entendiendo los LLMs, y manejando conceptos clave como contexto y tokens.
Lanzar el mismo prompt con especificaciones detalladas en múltiples UI builders (como Lowable, Vercel/B0, Replit, Hero UI, etc.)
Las 4D y el flujo de trabajo estratégico
Marco conceptual
Hands-on
El criterio crítico se apoya en el framework de las 4D (delegación, descripción, discernimiento y diligencia), siendo esencial la diligencia para abordar la ética y la seguridad de los datos empresariales, y la verificación de los outputs de la IA.
Diseño de un flujo UX potenciado por IA: mapear un flujo de trabajo UX tradicional (investigación, definición, ideación) y rediseñarlo integrando herramientas y automatizaciones basadas en IA, buscando soluciones fuera de la caja.
Las 4D y el flujo de trabajo estratégico
Marco conceptual
Hands-on
El criterio crítico se apoya en el framework de las 4D (delegación, descripción, discernimiento y diligencia), siendo esencial la diligencia para abordar la ética y la seguridad de los datos empresariales, y la verificación de los outputs de la IA.
Diseño de un flujo UX potenciado por IA: mapear un flujo de trabajo UX tradicional (investigación, definición, ideación) y rediseñarlo integrando herramientas y automatizaciones basadas en IA, buscando soluciones fuera de la caja.
De Figma a prototipo real
Marco conceptual
Hands-on
El curso se centra en la eficiencia radical y aceleración de procesos a través del concepto de By Coding, permitiendo a los diseñadores crear MVPs funcionales más allá de lo visual en Figma.
Construcción de un prototipo funcional (MVP): utilizar Stitch para generar la interfaz (UI) y Google AI Studio (Build mode) para crear un prototipo funcional
De Figma a prototipo real
Marco conceptual
Hands-on
El curso se centra en la eficiencia radical y aceleración de procesos a través del concepto de By Coding, permitiendo a los diseñadores crear MVPs funcionales más allá de lo visual en Figma.
Construcción de un prototipo funcional (MVP): utilizar Stitch para generar la interfaz (UI) y Google AI Studio (Build mode) para crear un prototipo funcional
Contexto avanzado y agentes de código
Marco conceptual
Hands-on
Se profundiza en la gestión de conocimiento usando RAG (Retrieval Augmented Generation) para reducir alucinaciones, explorando modelos multiagente para tareas complejas, y entendiendo la importancia del formato Markdown (MD) para la ingesta de contexto estructurado.
Configurar y utilizar un agente de código (como Codex o Antigravity) en la terminal para crear la primera versión de una aplicación e intentar una implementación local (Localhost).
Contexto avanzado y agentes de código
Marco conceptual
Hands-on
Se profundiza en la gestión de conocimiento usando RAG (Retrieval Augmented Generation) para reducir alucinaciones, explorando modelos multiagente para tareas complejas, y entendiendo la importancia del formato Markdown (MD) para la ingesta de contexto estructurado.
Configurar y utilizar un agente de código (como Codex o Antigravity) en la terminal para crear la primera versión de una aplicación e intentar una implementación local (Localhost).
Orquestación y consistencia de diseño
Marco conceptual
Hands-on
Se enfatiza el cambio hacia el Spec-Driven Development (desarrollo guiado por especificaciones) para garantizar la consistencia, controlando el output mediante instrucciones claras al agente (no dejando a la IA decidir), y explorando la orquestación de agentes (UX, UI, writing).
Crear un prompt One Shot (altamente descriptivo y extenso) que integre funcionalidad, UI, UX y casos de uso, y ejecutarlo en un agente de código para evaluar la calidad y consistencia del output.
Orquestación y consistencia de diseño
Marco conceptual
Hands-on
Se enfatiza el cambio hacia el Spec-Driven Development (desarrollo guiado por especificaciones) para garantizar la consistencia, controlando el output mediante instrucciones claras al agente (no dejando a la IA decidir), y explorando la orquestación de agentes (UX, UI, writing).
Crear un prompt One Shot (altamente descriptivo y extenso) que integre funcionalidad, UI, UX y casos de uso, y ejecutarlo en un agente de código para evaluar la calidad y consistencia del output.
Conexión con el mundo real: MVP a producción
Marco conceptual
Hands-on
Los estudiantes aprenden a crear MVPs con funcionalidades específicas, cómo acortar camino y automatizar el workflow para mayor calidad, y se introducen conceptos de integración con servicios de backend para la funcionalidad y seguridad de un producto.
Sesión de trabajo individual y troubleshooting para refinar el MVP de la aplicación (iniciada en la Clase 4) y preparar la demo, asegurando que la funcionalidad principal sea operativa.
Conexión con el mundo real: MVP a producción
Marco conceptual
Hands-on
Los estudiantes aprenden a crear MVPs con funcionalidades específicas, cómo acortar camino y automatizar el workflow para mayor calidad, y se introducen conceptos de integración con servicios de backend para la funcionalidad y seguridad de un producto.
Sesión de trabajo individual y troubleshooting para refinar el MVP de la aplicación (iniciada en la Clase 4) y preparar la demo, asegurando que la funcionalidad principal sea operativa.
Demo Day
Marco conceptual
Hands-on
Es la sesión final del curso, donde los participantes presentan sus proyectos personales, demostrando su capacidad para aplicar la mentalidad AI First y las herramientas aprendidas.
A menudo incluye una "AI Talk" (charla con invitado especial) para ampliar la perspectiva de los estudiantes con experiencias externas y casos de uso reales, como la conexión de proyectos con infraestructura de backend.
Demo Day
Marco conceptual
Hands-on
Es la sesión final del curso, donde los participantes presentan sus proyectos personales, demostrando su capacidad para aplicar la mentalidad AI First y las herramientas aprendidas.
A menudo incluye una "AI Talk" (charla con invitado especial) para ampliar la perspectiva de los estudiantes con experiencias externas y casos de uso reales, como la conexión de proyectos con infraestructura de backend.
Herramientas que vamos a usar
Claude
Claude
UX Pilot
UX Pilot
v0
v0
Replit
Replit
Bolt
Bolt
HeroUI
HeroUI
UXPilot
UXPilot
Builder
Builder
Uizard
Uizard
Aura.build
Aura.build
Cursor
Cursor
Gemini
Gemini
Metodología: Un ejercicio principal por sesión + demo/comparativa corta