En este tutorial en directo voy a diseñar la landing de Airbnb. Paso a paso, te explicaré cómo pasar de un canvas en blanco a un proyecto real, utilizando las potentes herramientas que Figma nos ofrece.
Usaremos principalmente las herramientas de Auto Layout y Constraints, demostrando la flexibilidad y adaptabilidad que estas nos permiten en el diseño de interfaces. Construir elementos de interfaz que se ajusten al tamaño de cualquier pantalla es esencial para cualquier diseñador UX y UI que busca crear experiencias de usuario perfectas.
También veremos cómo usar Frames y Componentes, explorando cómo estos nos ayudan a organizar y reutilizar elementos en distintos proyectos. Con ello recordaremos la importancia de mantener nuestros archivos de Figma ordenados y eficientes, ahorrando tiempo y esfuerzo en el proceso de diseño.
Por supuesto, no podíamos olvidar el uso de Formas, Textos y Variables. Herramientas que usamos para dar vida y personalidad a nuestros diseños. A través de ejemplos prácticos, mostramos cómo manipular estos elementos para que tus proyectos no solo funcionen bien, sino que también luzcan impresionantes.
Tutorial paso a paso
Te dejo el vídeo del directo que hicimos en YouTube, si tienes alguna duda deja un comentario.
Este tutorial fue diseñado tanto para quienes están comenzando en el mundo del diseño UX/UI como para los profesionales que buscan afilar sus habilidades en Figma. Me complace compartir con todos conocimientos y técnicas que, estoy seguro, expandirán tu “caja de herramientas” creativa y técnica al mismo tiempo.
Como siempre agradezco la respuesta y participación de todos, siempre es muy inspiradora. Ver a estudiantes de UX de todos los niveles unirse, aprender y compartir experiencias es lo que hace que eventos como este valgan totalmente la pena.
Gracias por ser parte de este proyecto.
¡Seguimos!
