FIGMA: todos los detalles de esta herramienta de UX

¿Alguna vez has escuchado hablar de Figma? Esta herramienta es muy versátil, sin embargo, todavía son muchas las personas que no conocen qué es y para qué sirve. Por eso, a lo largo de este post, desde EUDE Digital te vamos a contar qué es Figma y cómo puedes sacarle partido para crear presentaciones, banners y creatividades para redes sociales. Además, haremos un breve repaso a cómo esta herramienta te puede ayudar a nivel de diseño web (UI/UX).

¿Qué es Figma?

Se trata de una aplicación de edición de gráficos y diseño de interfaz de usuario que permite el trabajo colaborativo en la nube en tiempo real. Dicho de otra manera, es una herramienta de diseño que podrás utilizar desde donde quieras y que, además, podrás compartir con el resto del equipo para trabajar de manera conjunta. Su uso, está especialmente ideado para el diseño de interfaces de usuario (webs y apps). En este contexto, ¿Cuál es el motivo de que se use tanto?, la razón principal es que podemos crear diseños y prototipos para mostrar a los clientes de manera sencilla y a través de un enlace, por lo que el feedback se obtiene de manera muy rápida, lo que nos ayuda así a acortar los tiempos destinados al diseño.

La facilidad de poder usarla en cualquier lugar es otro de los puntos a favor que hacen que nos decantemos por esta herramienta. Tal es así que podemos usarlo tanto en el navegador como en la aplicación de escritorio. Además, es una herramienta multiplataforma: se puede usar tanto en Windows como en Mac. Esto va genial cuando tienes que editar un detalle o enseñarlo a alguien y no tienes tu ordenador.

¿Cómo usar Figma y qué podemos hacer con ella?

Para sacarle el máximo partido a la herramienta vamos a hablarte de los tres aspectos básicos que puedes hacer en Figma:

Diseñar

A la hora de diseñar, se puede usar igual que usarías Illustrator. Esto quiere decir que puedes trabajar con cajas de texto, vectores, máscaras, mesas de trabajo, etc. Es decir, contiene todas las funciones básicas de Illustrator, pero con mucho más potencial. La facilidad de diseñar responsive con Auto Layout. ¿Qué es esto de Auto Layout? Significa que el diseño se adapta al contenido automáticamente, lo que nos ahorra mucho tiempo de ir moviendo los elementos uno a uno para cuadrar los diseños en diferentes formatos. Esto nos deja mucho más tiempo para centrarnos en el diseño e ir iterando.

Prototipar

Se pueden crear prototipos que muestran cómo sería la experiencia real, y sin necesidad de utilizar código. Es tan simple como conectar elementos del diseño y escoger las interacciones y animaciones que tenemos disponibles. ¿Qué tipos de interacciones? Son interacciones sutiles, como el clic o el pasar por encima del botón o imagen (hovering), mientras aprietas el botón, etc.

Sistemas de diseño

Con Figma es mucho más fácil mantener la coherencia en tus diseños. Puedes buscar los elementos en la misma herramienta y arrastrarlos a tu archivo. También puedes compartir estilos que se pueden aplicar a cualquier objeto. Todo está accesible y bien ordenado, publicando tu biblioteca de componentes (iconos, fondos, imágenes, fuentes, etc). Esta biblioteca es accesible para todo el equipo y cuando un componente se actualiza en la biblioteca central se cambia en todos los diseños.

Conoce nuestro Máster en Marketing Digital y Customer Experience

El Máster en Marketing Digital y Customer Experience dotará al estudiante de las competencias necesarias para liderar las decisiones estrategias dirigidas a maximizar la satisfacción del cliente, aprendiendo a comprender sus necesidades y deseos. Gracias a una visión integral del negocio, poniendo el foco en el entorno digital y la optimización de las estrategias de medición, diseño e implementación de las campañas, además de mejorar la gestión operativa de la experiencia de los clientes.

Este programa está pensado y dirigido a profesionales y estudiantes que deseen complementar sus conocimientos en el campo del marketing, acercándose al estudio de su cliente, entendiendo sus necesidades y por ende cómo mejorar las relaciones y experiencias de este.