Portfolio de Canva a Web con IA: experiencia real UX/UI con Claude y despliegue con Netlify.
Sobre este episodio
Video original en YouTube: https://www.youtube.com/watch?v=hUup74-NFGw 🚨 Para aumentar tu seniority en diseño UX/UI más rápido 👉 https://www.skool.com/comunidaduxui/about En este video vas a encontrar el registro real de un proceso (con sus retos y soluciones). Cómo pasar el po Acompaña a Luciana durante 2 horas mientras itera funcionalidades y diseño en una sesión sin filtros sobre cómo usar Claude para publicar una web funcional en Netlify partiendo de una base en Canva. 00:00:00 Introducción – Portfolio de Canva a Web con IA 00:00:46 Demo de portfolio funcional (hecho con Claude) 00:02:16 El proceso de prompt y lecciones aprendidas 00:08:12 Setup: Portfolio base en Canva y CV 00:11:06 Análisis inicial del PDF usando Claude 00:16:20 Primer borrador de la web generado 00:26:31 Debugging en vivo: Problemas de layout y componentes 00:35:41 Limpiando el contexto del chat para evitar errores 00:50:45 Usando el Inspector web para modificar el código 01:02:21 Ajustes de UI: Contraste y accesibilidad visual 01:16:09 Reestructurando el layout de la sección "Sobre mí" 01:26:56 Pruebas de funcionalidad y navegación 01:28:23 Incrustando videos de YouTube en cards de proyectos 01:33:29 Día 2: Solucionando JavaScript, filtros y enlaces rotos 01:45:25 Ajuste de proporciones en miniaturas de proyectos 01:55:38 Refinando la sección y CTA de Contacto 02:08:57 Exportando el archivo HTML para producción 02:12:36 Despliegue del portfolio en vivo usando Netlify 02:15:33 Reflexiones finales sobre iterar productos con IA En este registro verás: 🔍 El proceso de iterar diseño y lógica directamente con la IA. 💡 Un truco para medir la lucidez de la IA antes de empezar. 📉 Cómo conocer el consumo de tokens/créditos 🛠️ Uso de la inspección de elementos para entender qué hace Claude. 🚀 El momento del despliegue real en Netlify. Nota para la comunidad: Este video es un registro de trabajo real, no un tutorial paso a paso. Verás errores, vueltas atrás y descubrimientos en tiempo real. ¡Ideal para ponerlo de fondo mientras diseñas o para analizar cómo razonar con la IA! #sesiondediseño #claude #portfolio #diseñoux #diseñoui #diseñouxui #ia #ai #canva #netlify #diseñadores #inteligenciaartificial #portfoliodesign #ux #ui #uxui #website #webdesign