@juanpabloolmo.bsky.social
🧠 Antes de empezar a construir en Figma Make, necesitas una base clara: tus guidelines.
En el nuevo tutorial te enseño cómo crearlas paso a paso: cómo definir los frameworks CSS, los breakpoints, los estilos y los tokens de color que marcarán el tono de todo tu proyecto.
En el nuevo tutorial te enseño cómo crearlas paso a paso: cómo definir los frameworks CSS, los breakpoints, los estilos y los tokens de color que marcarán el tono de todo tu proyecto.
November 2, 2025 at 10:54 PM
🧠 Antes de empezar a construir en Figma Make, necesitas una base clara: tus guidelines.
En el nuevo tutorial te enseño cómo crearlas paso a paso: cómo definir los frameworks CSS, los breakpoints, los estilos y los tokens de color que marcarán el tono de todo tu proyecto.
En el nuevo tutorial te enseño cómo crearlas paso a paso: cómo definir los frameworks CSS, los breakpoints, los estilos y los tokens de color que marcarán el tono de todo tu proyecto.
🔥 Hoy envié un correo a los suscriptores de mi lista.
Conté lo que pasó después del directo del viernes…
Cuando dije “me voy a dormir” y acabé montando una app nueva en Figma Make conectada con Firebase.
Sí, a medianoche.
Sí, funcionó.
Y sí, sigo en shock.
Conté lo que pasó después del directo del viernes…
Cuando dije “me voy a dormir” y acabé montando una app nueva en Figma Make conectada con Firebase.
Sí, a medianoche.
Sí, funcionó.
Y sí, sigo en shock.
October 22, 2025 at 3:36 PM
🔥 Hoy envié un correo a los suscriptores de mi lista.
Conté lo que pasó después del directo del viernes…
Cuando dije “me voy a dormir” y acabé montando una app nueva en Figma Make conectada con Firebase.
Sí, a medianoche.
Sí, funcionó.
Y sí, sigo en shock.
Conté lo que pasó después del directo del viernes…
Cuando dije “me voy a dormir” y acabé montando una app nueva en Figma Make conectada con Firebase.
Sí, a medianoche.
Sí, funcionó.
Y sí, sigo en shock.
📌 Estuve sentado delante de Figma Make durante horas.
Lo mezclé con Markdown, HTML y CSS.
Cuatro ingredientes distintos que empiezan a hablar el mismo idioma cuando haces vibe coding.
Uno de los últimos tutoriales te va a interesar, sobre todo si quieres construir web apps.
Lo mezclé con Markdown, HTML y CSS.
Cuatro ingredientes distintos que empiezan a hablar el mismo idioma cuando haces vibe coding.
Uno de los últimos tutoriales te va a interesar, sobre todo si quieres construir web apps.
October 13, 2025 at 2:15 PM
📌 Estuve sentado delante de Figma Make durante horas.
Lo mezclé con Markdown, HTML y CSS.
Cuatro ingredientes distintos que empiezan a hablar el mismo idioma cuando haces vibe coding.
Uno de los últimos tutoriales te va a interesar, sobre todo si quieres construir web apps.
Lo mezclé con Markdown, HTML y CSS.
Cuatro ingredientes distintos que empiezan a hablar el mismo idioma cuando haces vibe coding.
Uno de los últimos tutoriales te va a interesar, sobre todo si quieres construir web apps.
Esta semana hicimos la design critique del proyecto Cinebla de nuestro compañero Leo Martin
Hablamos del UX y el UI pero también del negocio.
Una design critique diferente a otras, pero muy, muy interesante.
Gracias Leiyo! 🙌
Hablamos del UX y el UI pero también del negocio.
Una design critique diferente a otras, pero muy, muy interesante.
Gracias Leiyo! 🙌
October 12, 2025 at 9:36 AM
Esta semana hicimos la design critique del proyecto Cinebla de nuestro compañero Leo Martin
Hablamos del UX y el UI pero también del negocio.
Una design critique diferente a otras, pero muy, muy interesante.
Gracias Leiyo! 🙌
Hablamos del UX y el UI pero también del negocio.
Una design critique diferente a otras, pero muy, muy interesante.
Gracias Leiyo! 🙌
🔥Figma Make no lo cuenta en su documentación
Me pasó algo curioso con Figma Make.
Probé algo que no he visto en ningún tutorial ni vídeo.
Funcionó.
Es un tip que servirá a muchos UX designers.
Y lo cuento en el mail que mando hoy a todas las personas que se unieron a mi newsletter.
Me pasó algo curioso con Figma Make.
Probé algo que no he visto en ningún tutorial ni vídeo.
Funcionó.
Es un tip que servirá a muchos UX designers.
Y lo cuento en el mail que mando hoy a todas las personas que se unieron a mi newsletter.
October 8, 2025 at 8:41 PM
🔥Figma Make no lo cuenta en su documentación
Me pasó algo curioso con Figma Make.
Probé algo que no he visto en ningún tutorial ni vídeo.
Funcionó.
Es un tip que servirá a muchos UX designers.
Y lo cuento en el mail que mando hoy a todas las personas que se unieron a mi newsletter.
Me pasó algo curioso con Figma Make.
Probé algo que no he visto en ningún tutorial ni vídeo.
Funcionó.
Es un tip que servirá a muchos UX designers.
Y lo cuento en el mail que mando hoy a todas las personas que se unieron a mi newsletter.
📌 Publica tus proyectos UX sin código con Figma Make
En el nuevo tutorial te muestro exactamente lo que te toca hacer ahora: publicar tus proyectos UX en tu portfolio.
Vas a ver el flujo real de trabajo en Figma Make, paso a paso, para que entiendas:
En el nuevo tutorial te muestro exactamente lo que te toca hacer ahora: publicar tus proyectos UX en tu portfolio.
Vas a ver el flujo real de trabajo en Figma Make, paso a paso, para que entiendas:
October 7, 2025 at 11:22 AM
📌 Publica tus proyectos UX sin código con Figma Make
En el nuevo tutorial te muestro exactamente lo que te toca hacer ahora: publicar tus proyectos UX en tu portfolio.
Vas a ver el flujo real de trabajo en Figma Make, paso a paso, para que entiendas:
En el nuevo tutorial te muestro exactamente lo que te toca hacer ahora: publicar tus proyectos UX en tu portfolio.
Vas a ver el flujo real de trabajo en Figma Make, paso a paso, para que entiendas:
📌 Lo que aprendí copiando de Figma Make a Figma Design
Aquí debajo te pego la primera parte del mail que acabo de enviar a los suscriptores de mi newsletter.
Aquí debajo te pego la primera parte del mail que acabo de enviar a los suscriptores de mi newsletter.
October 1, 2025 at 2:07 PM
📌 Lo que aprendí copiando de Figma Make a Figma Design
Aquí debajo te pego la primera parte del mail que acabo de enviar a los suscriptores de mi newsletter.
Aquí debajo te pego la primera parte del mail que acabo de enviar a los suscriptores de mi newsletter.
UFFF...
La design critique del proyecto de Dillan se coló entre las 3 mejores de toda la historia de UX fomo.
Como te lo dije dentro de la sala, GRACIAS por presentar tu proyecto.
GRACIAS a todos los demás por participar con vuestro feedback de tantísima calidad.
La design critique del proyecto de Dillan se coló entre las 3 mejores de toda la historia de UX fomo.
Como te lo dije dentro de la sala, GRACIAS por presentar tu proyecto.
GRACIAS a todos los demás por participar con vuestro feedback de tantísima calidad.
September 29, 2025 at 1:14 PM
UFFF...
La design critique del proyecto de Dillan se coló entre las 3 mejores de toda la historia de UX fomo.
Como te lo dije dentro de la sala, GRACIAS por presentar tu proyecto.
GRACIAS a todos los demás por participar con vuestro feedback de tantísima calidad.
La design critique del proyecto de Dillan se coló entre las 3 mejores de toda la historia de UX fomo.
Como te lo dije dentro de la sala, GRACIAS por presentar tu proyecto.
GRACIAS a todos los demás por participar con vuestro feedback de tantísima calidad.
📌 Vibe coding (con cabeza) en Figma Make
El viernes hicimos vibe coding y Atomic Design para construir el template de un proyecto UX.
Lo hicimos con Figma Make, la inteligencia artificial de Figma, y volcamos todo el contenido en Markdown para mantenerlo ordenado y flexible.
El viernes hicimos vibe coding y Atomic Design para construir el template de un proyecto UX.
Lo hicimos con Figma Make, la inteligencia artificial de Figma, y volcamos todo el contenido en Markdown para mantenerlo ordenado y flexible.
September 29, 2025 at 12:58 PM
📌 Vibe coding (con cabeza) en Figma Make
El viernes hicimos vibe coding y Atomic Design para construir el template de un proyecto UX.
Lo hicimos con Figma Make, la inteligencia artificial de Figma, y volcamos todo el contenido en Markdown para mantenerlo ordenado y flexible.
El viernes hicimos vibe coding y Atomic Design para construir el template de un proyecto UX.
Lo hicimos con Figma Make, la inteligencia artificial de Figma, y volcamos todo el contenido en Markdown para mantenerlo ordenado y flexible.
📌 Conviértete en Designer Engineer youtube.com/live/KyLPStp...
Seguimos haciendo Atomic Design con Figma Make, creando cuatro componentes: ContentHeader, Link, Breadcrumbs y Badge, que formarán parte de la estructura.
Seguimos haciendo Atomic Design con Figma Make, creando cuatro componentes: ContentHeader, Link, Breadcrumbs y Badge, que formarán parte de la estructura.
Haz Atomic Design con IA en Figma Make y conviértete en Designer Engineer
YouTube video by Juanpol DI
youtube.com
September 25, 2025 at 8:55 PM
📌 Conviértete en Designer Engineer youtube.com/live/KyLPStp...
Seguimos haciendo Atomic Design con Figma Make, creando cuatro componentes: ContentHeader, Link, Breadcrumbs y Badge, que formarán parte de la estructura.
Seguimos haciendo Atomic Design con Figma Make, creando cuatro componentes: ContentHeader, Link, Breadcrumbs y Badge, que formarán parte de la estructura.
Qué buena estuvo la última UX Talk que hicimos en Discord🔥
Hablamos de diseño UX con IA y stakeholders.
Mañana celebramos una nueva UX Talk para hacer una design critique del proyecto de un compañero de la comunidad UX fomo.
Te dejo el link: www.juanpol.com/discord
Te esperamos 🙌
Hablamos de diseño UX con IA y stakeholders.
Mañana celebramos una nueva UX Talk para hacer una design critique del proyecto de un compañero de la comunidad UX fomo.
Te dejo el link: www.juanpol.com/discord
Te esperamos 🙌
September 24, 2025 at 7:47 PM
Qué buena estuvo la última UX Talk que hicimos en Discord🔥
Hablamos de diseño UX con IA y stakeholders.
Mañana celebramos una nueva UX Talk para hacer una design critique del proyecto de un compañero de la comunidad UX fomo.
Te dejo el link: www.juanpol.com/discord
Te esperamos 🙌
Hablamos de diseño UX con IA y stakeholders.
Mañana celebramos una nueva UX Talk para hacer una design critique del proyecto de un compañero de la comunidad UX fomo.
Te dejo el link: www.juanpol.com/discord
Te esperamos 🙌
📌 Te dejo info de otro "de Figma a Figma Make"
En el tutorial de mañana nos enfocamos en 2 piezas clave del Portfolio UX: el Header y el Footer.
Serán 2 son componentes reutilizables, escalables que vamos a usar en muchas de las pantallas de nuestro sitio web.
En el tutorial de mañana nos enfocamos en 2 piezas clave del Portfolio UX: el Header y el Footer.
Serán 2 son componentes reutilizables, escalables que vamos a usar en muchas de las pantallas de nuestro sitio web.
September 22, 2025 at 3:56 PM
📌 Te dejo info de otro "de Figma a Figma Make"
En el tutorial de mañana nos enfocamos en 2 piezas clave del Portfolio UX: el Header y el Footer.
Serán 2 son componentes reutilizables, escalables que vamos a usar en muchas de las pantallas de nuestro sitio web.
En el tutorial de mañana nos enfocamos en 2 piezas clave del Portfolio UX: el Header y el Footer.
Serán 2 son componentes reutilizables, escalables que vamos a usar en muchas de las pantallas de nuestro sitio web.
Ayer mandé mando otro correo a los suscriptores de mi www.juanpol.com/newsletter/
Dentro iban los últimos 2 tutoriales donde explicamos cómo montar un portfolio UX con Figma Make, a partir de los componentes que construimos antes en Figma Design.
Dentro iban los últimos 2 tutoriales donde explicamos cómo montar un portfolio UX con Figma Make, a partir de los componentes que construimos antes en Figma Design.
September 18, 2025 at 5:19 PM
Ayer mandé mando otro correo a los suscriptores de mi www.juanpol.com/newsletter/
Dentro iban los últimos 2 tutoriales donde explicamos cómo montar un portfolio UX con Figma Make, a partir de los componentes que construimos antes en Figma Design.
Dentro iban los últimos 2 tutoriales donde explicamos cómo montar un portfolio UX con Figma Make, a partir de los componentes que construimos antes en Figma Design.
📌 De Figma a Figma Make: ProjectCard youtube.com/live/auXNJA9...
En el directo anterior montamos el componente Hero en Figma Make.
En el próximo daremos un paso más: toca crear el componente ProjectCard, con sus estados default y hover.
En el directo anterior montamos el componente Hero en Figma Make.
En el próximo daremos un paso más: toca crear el componente ProjectCard, con sus estados default y hover.
September 17, 2025 at 9:22 PM
📌 De Figma a Figma Make: ProjectCard youtube.com/live/auXNJA9...
En el directo anterior montamos el componente Hero en Figma Make.
En el próximo daremos un paso más: toca crear el componente ProjectCard, con sus estados default y hover.
En el directo anterior montamos el componente Hero en Figma Make.
En el próximo daremos un paso más: toca crear el componente ProjectCard, con sus estados default y hover.
📌Toca empezar a montar el portfolio UX en Figma Make
Ya lo tenemos en Figma Design y lo estamos montando en Astro con ChatGPT.
Pero ahora tenemos que empezar con la IA de Figma 🚀
Ya tengo link al directo del tutorial que haremos mañana.
Si lo quieres avísame.
Ya lo tenemos en Figma Design y lo estamos montando en Astro con ChatGPT.
Pero ahora tenemos que empezar con la IA de Figma 🚀
Ya tengo link al directo del tutorial que haremos mañana.
Si lo quieres avísame.
September 11, 2025 at 2:23 PM
📌Toca empezar a montar el portfolio UX en Figma Make
Ya lo tenemos en Figma Design y lo estamos montando en Astro con ChatGPT.
Pero ahora tenemos que empezar con la IA de Figma 🚀
Ya tengo link al directo del tutorial que haremos mañana.
Si lo quieres avísame.
Ya lo tenemos en Figma Design y lo estamos montando en Astro con ChatGPT.
Pero ahora tenemos que empezar con la IA de Figma 🚀
Ya tengo link al directo del tutorial que haremos mañana.
Si lo quieres avísame.
Primera prueba hecha con nano banana en Freepik AI.
Saqué una foto con la cámara XLR que uso para hacer los streamings.
Saqué una foto con la cámara XLR que uso para hacer los streamings.
August 27, 2025 at 10:14 PM
Primera prueba hecha con nano banana en Freepik AI.
Saqué una foto con la cámara XLR que uso para hacer los streamings.
Saqué una foto con la cámara XLR que uso para hacer los streamings.
Crea tu porfolio UX en 15 minutos con IA 🚀 CHALLENGE youtube.com/live/DOOFMNm...
Hay algo que muchos diseñadores posponen más de la cuenta: su porfolio.
🧵 1 / 2
Hay algo que muchos diseñadores posponen más de la cuenta: su porfolio.
🧵 1 / 2
July 22, 2025 at 5:18 PM
Crea tu porfolio UX en 15 minutos con IA 🚀 CHALLENGE youtube.com/live/DOOFMNm...
Hay algo que muchos diseñadores posponen más de la cuenta: su porfolio.
🧵 1 / 2
Hay algo que muchos diseñadores posponen más de la cuenta: su porfolio.
🧵 1 / 2
📌 Hoy dedicaremos la UX Talk a una nueva ronda de design critique.
Esta vez revisaremos un proyecto de nuestro compañero Travis, en el que ha trabajado logo y sitio web.
Nos conectamos a la hora de siempre.
Esta vez revisaremos un proyecto de nuestro compañero Travis, en el que ha trabajado logo y sitio web.
Nos conectamos a la hora de siempre.
July 17, 2025 at 4:09 PM
📌 Hoy dedicaremos la UX Talk a una nueva ronda de design critique.
Esta vez revisaremos un proyecto de nuestro compañero Travis, en el que ha trabajado logo y sitio web.
Nos conectamos a la hora de siempre.
Esta vez revisaremos un proyecto de nuestro compañero Travis, en el que ha trabajado logo y sitio web.
Nos conectamos a la hora de siempre.
El diseño UX está cambiando, y no todos están preparados
Hasta hace poco, los diseñadores UX podíamos vivir en nuestro mundo, con wireframes, flujos, tests, entrevistas, píxels, Figma… y listo.
Pero eso ya no basta.
Hasta hace poco, los diseñadores UX podíamos vivir en nuestro mundo, con wireframes, flujos, tests, entrevistas, píxels, Figma… y listo.
Pero eso ya no basta.
June 23, 2025 at 2:51 PM
El diseño UX está cambiando, y no todos están preparados
Hasta hace poco, los diseñadores UX podíamos vivir en nuestro mundo, con wireframes, flujos, tests, entrevistas, píxels, Figma… y listo.
Pero eso ya no basta.
Hasta hace poco, los diseñadores UX podíamos vivir en nuestro mundo, con wireframes, flujos, tests, entrevistas, píxels, Figma… y listo.
Pero eso ya no basta.
En el directo de hoy mostré cómo diseño interfaces adaptables con #Figma Sites youtu.be/2jdRZlXr23I
Compartí decisiones reales, estructuras flexibles y una metodología clara para que tus diseños funcionen en móvil, tablet, escritorio… y lo que venga.
Compartí decisiones reales, estructuras flexibles y una metodología clara para que tus diseños funcionen en móvil, tablet, escritorio… y lo que venga.
🔥 Esto no te lo enseña nadie en CURSOS de FIGMA SITES
YouTube video by Juanpol DI
youtu.be
June 22, 2025 at 5:40 PM
En el directo de hoy mostré cómo diseño interfaces adaptables con #Figma Sites youtu.be/2jdRZlXr23I
Compartí decisiones reales, estructuras flexibles y una metodología clara para que tus diseños funcionen en móvil, tablet, escritorio… y lo que venga.
Compartí decisiones reales, estructuras flexibles y una metodología clara para que tus diseños funcionen en móvil, tablet, escritorio… y lo que venga.
📌 Hoy explico cómo me reconcilié con Figma Make.
La primera vez fue decepcionante.
Pero volví con otra actitud, y esta vez entendí cómo sacarle valor real a Figma + IA.
No es magia, pero sí una herramienta que, bien usada, cambia el ritmo de trabajo.
La primera vez fue decepcionante.
Pero volví con otra actitud, y esta vez entendí cómo sacarle valor real a Figma + IA.
No es magia, pero sí una herramienta que, bien usada, cambia el ritmo de trabajo.
June 17, 2025 at 1:09 PM
📌 Hoy explico cómo me reconcilié con Figma Make.
La primera vez fue decepcionante.
Pero volví con otra actitud, y esta vez entendí cómo sacarle valor real a Figma + IA.
No es magia, pero sí una herramienta que, bien usada, cambia el ritmo de trabajo.
La primera vez fue decepcionante.
Pero volví con otra actitud, y esta vez entendí cómo sacarle valor real a Figma + IA.
No es magia, pero sí una herramienta que, bien usada, cambia el ritmo de trabajo.
🔥 “Si sigues trabajando como hace seis meses, estás perdiendo el ritmo, Juan” youtube.com/live/OSdjOiG...
Me explico:
Hablo de la IA, ya lo sabes.
Me explico:
Hablo de la IA, ya lo sabes.
June 15, 2025 at 5:32 PM
🔥 “Si sigues trabajando como hace seis meses, estás perdiendo el ritmo, Juan” youtube.com/live/OSdjOiG...
Me explico:
Hablo de la IA, ya lo sabes.
Me explico:
Hablo de la IA, ya lo sabes.
📌 Todo listo para la UX Talk de hoy: Cómo redactar presupuestos UX www.juanpol.com/discord
Este FigJam será mi guía para comentar todos los detalles que corregiría o eliminaría del presupuesto UX redactado por una compañera de la comunidad.
Este FigJam será mi guía para comentar todos los detalles que corregiría o eliminaría del presupuesto UX redactado por una compañera de la comunidad.
June 12, 2025 at 5:02 PM
📌 Todo listo para la UX Talk de hoy: Cómo redactar presupuestos UX www.juanpol.com/discord
Este FigJam será mi guía para comentar todos los detalles que corregiría o eliminaría del presupuesto UX redactado por una compañera de la comunidad.
Este FigJam será mi guía para comentar todos los detalles que corregiría o eliminaría del presupuesto UX redactado por una compañera de la comunidad.
En el tutorial P151 de nuestro canal, descubrirás paso a paso cómo diseñar un registro electrónico adaptable en la plataforma Figma Sites ttps://youtube.com/live/4HcOlFwDkHA
#uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #atomicdesign
#uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #atomicdesign
FIGMA SITES: Guía definitiva para hacer formularios responsive
YouTube video by Juanpol DI
youtube.com
May 29, 2025 at 10:13 PM
En el tutorial P151 de nuestro canal, descubrirás paso a paso cómo diseñar un registro electrónico adaptable en la plataforma Figma Sites ttps://youtube.com/live/4HcOlFwDkHA
#uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #atomicdesign
#uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #atomicdesign
Le vuelvo a meter mano al viejo y querido UX fomo Design System.
#uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss
#uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss
May 28, 2025 at 12:59 PM
Le vuelvo a meter mano al viejo y querido UX fomo Design System.
#uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss
#uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss