📌 En el directo P137 retomamos el prototipado de nuestro generador de paletas de colores para la app de diseño UX con IA. #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss

📌 En esta tercera parte del tutorial sobre cómo hacer prototipos UX en Figma, nos centramos en cómo llevar tu prototipo desde una simulación funcional a una experiencia casi real... #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss

📌 En el último directo estuvimos experimentando con equivalencias de color entre light y dark mode... Y a partir de los resultados, sacamos algunas conclusiones claras y una lista de próximos pasos. #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss

📌 En uno de los directos de esta semana terminamos la primera versión del modal para hacer upload en nuestra App. Temas del tutorial: - Diseño de interfaces escalables y flexibles - Uso de grids, columnas y paddings para garantizar consistencia - Cómo adaptar layouts a diferentes puntos de ruptura (breakpoints) - Buenas prácticas para mantener la jerarquía visual al escalar - Trucos para simplificar el trabajo de diseño móvil y desktop desde un único archivo #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss

✅ Mañana diseñaremos el menú de usuario de nuestra App para crear diseños UX. Exploraremos cómo estructurar las opciones del menú, incluyendo accesos rápidos a configuraciones, perfil y cierre de sesión, con un enfoque en usabilidad, escalabilidad y consistencia visual. Te espero en el directo P130! 😉 #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss

📌 En este clip extraído del último directo te muestro el componente SidebarMenu que hemos diseñamos para nuestra App de IA para hacer diseño UX. Utilizamos de base el componente Sidebar de nuestro UX fomo Design system. Si lo quieres duplicar para usarlo en tus proyectos dímelo y te paso el link a mi perfil de @figma Community. #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign

📌 En el directo de mañana vamos a diseñar el SidebarMenu de nuestra app de IA para hacer diseño UX. #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign

En el directo P126 respondí preguntas sobre Figma a los miembros de la comunidad. #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign

📌 ¿Es el menú desplegable la mejor opción en UX? En los wireframes de nuestra app de diseño UX con IA, planteamos usar un menú desplegable para organizar la información. Pero algo no me convencía del todo… Sabemos que el menú Dropdown es un clásico, pero ¿es realmente la mejor solución en términos de experiencia de usuario? En el próximo directo voy a explorar alternativas que pueden mejorar la interacción y la accesibilidad sin romper la lógica de navegación. Si quieres descubrir opciones más efectivas y ver cómo aplicarlas en @figma te espero 🙌 #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #dropdown

📌 Revoluciona tu DISEÑO UX con IA Si eres diseñador UX y quieres mejorar tu flujo de trabajo, ahorrar tiempo en tareas repetitivas y tomar mejores decisiones de diseño, este vídeo es para ti. #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss

📌 En el directo de ayer, construimos los primeros componentes básicos para la app de diseño UX basada en IA. En los próximos streamings, trabajaremos en todos los flujos de uso de la herramienta, pero ayer nos enfocamos en dar forma a las primeras piezas de la interfaz. 👉 Este tutorial es ideal para quienes quieran reforzar Atomic Design y la construcción de componentes reutilizables en Figma, utilizando propiedades de texto, booleanas y Swap Instance. Para que veas cómo trabajamos estos conceptos en el canal, te dejo un clip con un ejemplo de la dinámica habitual de mis contenidos. Seguimos! - #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #html #css #javascript #react #tailwindcss

📌 En este directo vamos a hacer DISEÑO UX con IA para Producto físico. 👉 El diseño lo usaremos la semana que viene en un test A/B. Como siempre usaremos herramientas de IA. La foto del cover la hice con @freepik AI. #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #ia #ai

Ya te puedes imaginar lo que me ha respondido... 🔥 😉 #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #deepseek

Haciendo un seguimiento de los "logros" de DeepSeek, me veo en la necesidad de actualizar el guion del directo que haremos mañana. Añadiremos a DeepSeek como la tercera IA a la que pediremos realizar una Design Critique. #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign #designcritique #chatgpt #v0 #deepseek @v0

En el último directo seguimos trabajando con la landing de UX fomo. En este clip te dejo la intro a la primera tarea. #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign

🔥 Yesterday we fixed two UX issues in one of the components we built during the year. The second problem was more "delicate" than the first... #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign

📌 Aprende a configurar Variables font-size, line-height y letter-spacing en Figma youtu.be/WIHJU1Bly_8 #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial #atomicdesign

Empieza la semana y ya tengo comida para vosotros: el link al directo de mañana youtube.com/live/xj7cKQIm3fo para seguir trabajando con las Variables de @figma 😘 #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uxuitutorial #atomicdesign

📌 Te dejo todos los pasos para construir un componente Slider en Figma youtube.com/live/ACtciYRk51M… #uidesign #uxdesign #ux #ui #figmatutorial #figma #juanpol #designsystem #uxtutorial #uitutorial #uxuitutorial