‪@Google‬

#GoogleStitch #GoogleAIStudio #diseñoconIA #JossLopez
me pongo a probar Stitch, la herramienta de Google para generar diseños de páginas web con IA, y luego me la llevo a Google AI Studio para convertir ese diseño en un prototipo con vida.

Primero repaso rápido qué es Stitch y en qué se diferencia de usar solo Google AI Studio. Me centro en el modo Pro, porque es donde realmente se nota la parte de diseño, y planteo un objetivo sencillo, montar una página de portfolio distinta a la típica plantilla.

A partir de ahí te enseño el truco para sacar prompts largos y útiles sin sufrir, usar Perplexity para que me genere un prompt maestro en español pensado para Stitch, con estructura, secciones y detalles de diseño. Yo solo marco la dirección, la IA hace el ladrillo.

Luego hago dos pruebas dentro de Stitch. En una le paso un sketch de referencia generado con Nano Banana y en la otra solo texto, sin imagen. Comparamos cómo interpreta el layout, qué hace con tipografías, jerarquía, botones, formularios y cómo cambian las propuestas cuando le pides variaciones más arriesgadas.

También pruebo el mapa de calor predictivo para ver dónde “se supone” que va a mirar primero el usuario, y reviso el prototipo dentro de Stitch, incluyendo el tema de los hovers, los fallos y lo que todavía se nota que está en fase experimental.

Al final exporto el diseño a Google AI Studio, lo convierto en prototipo y lo pruebo en pantalla. La gracia del vídeo no es solo ver si funciona, sino enseñarte un flujo de trabajo donde piensas la web, generas el diseño con IA y luego lo llevas a algo más cercano a un producto real.

Si este experimento te da ideas para tus propios workflows con IA, un like, comentario o compartir siempre ayudan a que pueda seguir trasteando con estas cosas.
____________

Antes de irte, no olvides visitar mi sitio web: www.jossslopez.com.

🔝🔝🔝🔝Apóyame en Patreon:
  / jossslopez  

☕☕☕☕☕O invítame a un café en:
https://ko-fi.com/jossslopez

Además, sígueme en Instagram y LinkedIn para estar al día con las últimas tendencias en diseño e inteligencia artificial. ¡Nos vemos en la red! 🌐

📸 Instagram:   / josslopezdesign  
🔗 LinkedIn:   / jossslopez  
📱Threads: https://www.threads.net/@josslopezdesign
✖️X: https://x.com/jossslopez ​​
🎤TikTok:   / josslopez_ia