# Portfolio de Canva a Web con IA: experiencia real UX/UI con Claude y despliegue con Netlify.

Episodio de [Comunidad UXUI](https://escuchario.semeescucha.es/podcast/comunidad-uxui).

- Publicado: 2 de mayo de 2026
- Duración: 2 h 20 min
- Episodio 9
- Audio: https://github.com/ComunidadUXUI/podcast/releases/download/episodios/ep009-portfolio-de-canva-a-web-con-ia-experiencia-real-ux-ui-con-c.mp3
- Página: https://escuchario.semeescucha.es/podcast/comunidad-uxui/episodio/6495658-portfolio-de-canva-a-web-con-ia-experiencia-real-ux-ui-con-claude-y-despliegue

## 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

Anterior: [¿Por qué nos enamoramos de la IA? La Ciencia del Diseño Afectivo en UX/UU](https://escuchario.semeescucha.es/podcast/comunidad-uxui/episodio/6495659-por-que-nos-enamoramos-de-la-ia-la-ciencia-del-diseno-afectivo-en-ux-uu)
Siguiente: [Diseño UX/UI con IA en vivo: Claude vs Lovable vs Pencil vs Figma: ¿Cuál diseña mejor?](https://escuchario.semeescucha.es/podcast/comunidad-uxui/episodio/6495657-diseno-ux-ui-con-ia-en-vivo-claude-vs-lovable-vs-pencil-vs-figma-cual-disena)

## Últimos episodios de Comunidad UXUI

- [Tu trabajo NO es caerle bien al usuario \| 10 tips de UX research](https://escuchario.semeescucha.es/podcast/comunidad-uxui/episodio/6495643-tu-trabajo-no-es-caerle-bien-al-usuario-10-tips-de-ux-research) · 22 de septiembre de 2026 · 11 min
- [Cómo pasar de junior a senior en UX sin esperar a que pasen los años](https://escuchario.semeescucha.es/podcast/comunidad-uxui/episodio/6495644-como-pasar-de-junior-a-senior-en-ux-sin-esperar-a-que-pasen-los-anos) · 13 de septiembre de 2026 · 13 min
- [¿La IA te va a quitar el trabajo? Lo que dice la ciencia del comportamiento](https://escuchario.semeescucha.es/podcast/comunidad-uxui/episodio/6495645-la-ia-te-va-a-quitar-el-trabajo-lo-que-dice-la-ciencia-del-comportamiento) · 28 de agosto de 2026 · 15 min
- [Sabios consejos de UX de un product designer ex desarrollador](https://escuchario.semeescucha.es/podcast/comunidad-uxui/episodio/6495646-sabios-consejos-de-ux-de-un-product-designer-ex-desarrollador) · 22 de agosto de 2026 · 11 min
- [Prueba social en Diseño UX: La técnica psicológica que todo diseñador Senior domina](https://escuchario.semeescucha.es/podcast/comunidad-uxui/episodio/6495647-prueba-social-en-diseno-ux-la-tecnica-psicologica-que-todo-disenador-senior) · 15 de agosto de 2026 · 14 min