Caso de Estudio 2026
Sitio de Portafolio
Construyendo mi propio portafolio con automatización potenciada por IA — Claude a Figma, Figma a código, y todo lo intermedio.
Resumen
Diseñé y construí este sitio de portafolio como una demostración completa de flujos de trabajo potenciados por IA. Usé Claude con MCP (Model Context Protocol) para automatizar generación de diseño en Figma y conversión de Figma a código. Aquí es donde realmente empecé con UX — diseñando sistemas desde cero, entendiendo flujos de usuario, y construyendo interfaces que cuentan una historia. El sitio se convirtió en un campo de pruebas del mundo real para patrones de automatización, pensamiento de sistema de diseño, y cerrando la brecha entre herramientas de diseño y código de producción.
El Problema
Construyendo mi propio portafolio con automatización potenciada por IA — Claude a Figma, Figma a código, y todo lo intermedio.
Los flujos de trabajo tradicionales de portafolio son lentos: diseñar en Figma, exportar assets, escribir HTML/CSS a mano, mantener diseño y código sincronizados manualmente. Para un builder solo, esta fricción mata el momentum. Quería un flujo de trabajo donde la intención de diseño se traduce directamente a código — con IA manejando las partes tediosas mientras me enfoco en decisiones creativas y arquitectura.
Prueba visual
Pantallas y diseños que se entregaron
Producto Final
Lo que aprendí
- 01 /
La automatización desbloquea creatividadCuando las tareas tediosas desaparecen, tienes más espacio mental para decisiones creativas. La automatización MCP me permitió iterar en ideas de diseño rápidamente sin ahogarme en trabajo manual.
- 02 /
UX es sobre decisiones, no solo píxelesConstruir este portafolio me enseñó que el diseño UX es una serie de decisiones deliberadas: qué mostrar, qué ocultar, cómo guiar la atención, cuándo agregar fricción o eliminarla. Cada sección requirió pensar en la intención del usuario.
- 03 /
Tu portafolio es tu mejor caso de estudioEste sitio no es solo sobre mostrar trabajo pasado — es prueba de cómo trabajo. La automatización, el sistema de diseño, las decisiones técnicas — todo demuestra mi proceso mejor que cualquier descripción podría.