📌 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
📌 ¿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
📌 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