Perfil del estudiante
Perfil del estudiante
Perfil del estudiante
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
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.)
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.
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
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).
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.
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.
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.
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
Claude
UX Pilot
UX Pilot
UX Pilot
v0
v0
v0
Replit
Replit
Replit
Bolt
Bolt
Bolt
HeroUI
HeroUI
HeroUI
UXPilot
UXPilot
UXPilot
Builder
Builder
Builder
Uizard
Uizard
Uizard
Aura.build
Aura.build
Aura.build
Cursor
Cursor
Cursor
Gemini
Gemini
Gemini
Metodología: Un ejercicio principal por sesión + demo/comparativa corta