Objetivos

• Identificar las principales características de la herramienta Figma para el diseño de prototipos de interfaces de usuario.
• Diseñar un prototipo para versión móvil mediante la reutilización de componentes.

Figma

Figma es un editor de gráficos vectorial y una herramienta de generación de prototipos, principalmente basada en la web, con características off-line adicionales habilitadas por aplicaciones de escritorio en macOS y Windows.

Dentro de sus principales características encontramos:

1. Permite trabajar colaborativamente en un archivo. Esto soluciona algunos problemas que se dan en equipos de diseño, cuando dos diseñadores quieren trabajar a la vez en un solo archivo.
2. Disponible en la nube. No necesita instalación.
3. Al igual que Sketch permite la creación de componentes para la reutilización de elementos de diseño.

Tutorial

El siguiente tutorial tiene como finalidad acercar al desarrollador web al uso básico de Figma para leer y comprender prototipos de diseño.

• Tutorial en Figma. By Design by Masha

Tareas

1. Cree una cuenta en Figma
2. Descargue este archivo en su PC
3. Importe el archivo desde Figma. Para esto, luego de autenticarse, vaya a la página principal, y en el botón de la parte superior haga click en Create > Import y seleccione el archivo .fig previamente descargado.
4. Explore el diseño