UX

En el anterior Post sobre Figma introduciamos la definición de estilos, las reglas, las guías, los grids, el auto-layout, las tipografías, los componentes, las variantes de componentes, las librerías, y vimos también algunos ejemplos prácticos (ej: cómo construir botones, cajas de texto, y un formulario básico para una App). En esta ocasión vamos a ver un ejemplo más complejo, incluyendo la creación de un Carrousel y del scroll vertical en la pantalla para desplazarnos a través de su contenido, y explicaremos la construcción de prototipos dinámicos e interactivos, para que podamos convertir nuestras pantallas en algo mucho más real, que nos transmita mejor la experiencia de usuario, probemos el scroll y el Carrouse, para acabar echando un ojo a la Comunidad de Figma, donde podemos encontrar muchas cosas que nos serán de ayuda

En el anterior Post sobre Figma hacíamos una introducción a la herramienta, a sus opciones, y conceptos básicos para poder empezar a conocer su entorno de trabajo y movernos por ella. En esta ocasión, vamos a profundizar un poquito más, veremos la definición de estilos, las reglas, las guías, los grids, el auto-layout, las tipografías, los componentes, las variantes de componentes, las librerías, y veremos también algunos ejemplos prácticos, como construir botones, cajas de texto, y un formulario básico para una App, y de esta forma seguir avanzando en el aprendizaje.

Figma es una herramienta basada en la nube para el diseño de UX/UI, Wireframe, Mockups, y creación de prototipos (entre otras muchas cosas), con un enfoque colaborativo, que actualmente se ha convertido en la referencia de mercado, la herramienta que utilizan todas las compañías para el diseño UX/UI de sus Webs y Apps, pero que también te vale para el diseño de la portada de un libro, o para compartir contenidos en tus RRSS. Además ofrece un Plan Gratuito bastante completo que lo pone al alcance de cualquiera. Aún no conoces Figma?