Diseñar con IA no es dejar que la máquina decida.

Es aprender a hablarle con precisión.

Por eso este tutorial va de algo más que diseño: va de pensar como un ingeniero sin dejar de ser diseñador.

Busca en YouTube: “Figma Make para UX Designers: piensa como un ingeniero”

Si quieres leer el mail completo y enterarte antes que nadie de lo que estamos construyendo, avísame y de paso el link.

Esto no para 🚀

Cómo crear nuevas páginas, añadir las imágenes y la información de tus diseños

Cómo mostrar tu nuevo proyecto en la home de tu portfolio UX
Si ya estás diseñando tu portfolio y quieres que empiece a funcionar, este tutorial te va a servir muchísimo.

Ye paso el link?

3️⃣ Hagamos algo de Vibe Coding prompt + librerías

- Prompt de Erika
- Hay Frametitis?
- Mi prompt
- Hay Frametitis?

Lo respondimos todo y en el mail mando acceso directo al tutorial.

2️⃣ Analizamos nuestra Home (Vibe Coding con cabeza)

- Hay Frametitis?
- Comparemos nuestro ProjectCard hecho en Figma Design con el hecho en Figma Make

La escaleta:

1️⃣ Cómo copiar y pegar de Figma Make a Figma Design

- Copiar y pegar
- Copiar Dropdown
- Copiar distintos breakpoints
- Cómo se pegan los Auto Layout?
- Cómo se pegan los Grids?
- Cómo se pegan las Constraints?
- Cómo se pegan los Components?

Es la escaleta que usé en el tutorial de ayer para exprimir la nueva función que Figma Make ofrece al usuario para llevar a Figma Design los desarrollos que hizo en Make.

Estoy orgulloso de todo lo que estamos haciendo juntos.

Seguimos 😘

👉 El objetivo: tener un template de proyecto UX que no solo documenta, sino que también se publica y pone en producción tu trabajo y experiencia.

Fue el tutorial P191 de nuestro canal, queda poco para el P200.

Seguimos 😘

Si estás trabajando en tu portfolio, o quieres que tu nivel se note en tus próximos proyectos, este vídeo te va a aportar bastante.

Pd: la imagen de mi avatar la hago siempre con Freepik AI.

Ese es el salto: pasar de ser “solo diseñador” a empezar a pensar como un Designer Engineer, alguien que cruza la frontera entre diseño y desarrollo y sabe llevar un componente de la idea a la práctica.

Pero ojo: no nos quedamos en lo que la IA genera. Lo vamos a revisar con la comunidad y con UX fomo, para dejarlo todo listo cuando llegue a producción.

La gracia no está solo en montarlos con la IA, sino en el enfoque: aplicar Atomic Design en el vibe coding. Ya sabes… entender cómo cada átomo se convierte en molécula, y luego en organismo, para que el proyecto sea realmente escalable.

Lo haremos con Figma Make.

Los vamos a montar con la IA integrada en Figma Make.

Lo dicho, seguimos haciendo vibe coding con cabeza en YouTube.