En el artículo de hoy hablaremos más detenidamente sobre qué es y para qué se utiliza la herramienta de edición de gráficos y diseño de interfaz de usuario Figma. Herramienta, la cual es utilizada hoy en día por miles de diseñadores en todo el planeta debido a su versatilidad y facilidad de manejo.
A diferencia de otros recursos, tiene la particularidad de que se aloja en la nube y es multiplataforma, favoreciendo de gran manera el desarrollo de trabajo de manera más fluida y eficiente.
Veremos qué papel cumple dentro del proceso de prototipado y los diferentes usos que nos ofrece esta web app tan versátil.
Os invitamos a que echéis un vistazo a nuestros artículos de blog, Las mejores herramientas de prototipado web para 2021 y Cómo crear un prototipo web online para que podáis comparar y descubrir otras herramientas similares.
Figma, es una herramienta de diseño de interfaz de usuario (UI) y de experiencia de usuario (UX) entre otras cosas, que permite colaborar en los proyectos de diseño de manera remota y simultánea.
Debido a su versatilidad, es ampliamente utilizada por miles de usuarios y equipos de diseño web de todo el mundo. En concreto, sirve principalmente para crear prototipos interactivos, maquetas, diseños de aplicaciones y sitios web.
Podemos acceder a Figma en línea a través del navegador web, lo que lo hace accesible desde diferentes plataformas y dispositivos o a través de la app.
Dispone de su versión gratuita y de varias de pago de las que hablaremos más adelante.
Su historia se remonta al año 2012, cuando Dylan Field y Evan Wallace fundaron la empresa Figma Inc. con el objetivo de crear una plataforma que permitiera a los diseñadores trabajar de manera conjunta y al mismo tiempo en proyectos de diseño de software y sitios web.
Anteriormente, el diseño se realizaba principalmente con herramientas de diseño locales, lo que dificultaba la colaboración en tiempo real y el intercambio de archivos entre los miembros del equipo.
No fue hasta 2016 cuando Figma se lanzó oficialmente, revolucionando el mundo del diseño gráfico y diseño web, dando carpetazo a todas aquellos problemas, facilitando una forma de trabajar más rápida y eficiente.
Figma cuenta con innumerables virtudes, pero nosotros destacamos algunas de nuestras favoritas.
Si algo cabe destacar de Figma es su enfoque en el diseño basado en vectores. Esto nos permite, por ejemplo, escalar los diseños y adaptarlos a diferentes tamaños de pantalla sin perder calidad.
A la hora de diseñar para diferentes dispositivos y tamaños de pantalla dentro de la misma interfaz de usuario. Una de sus mejores bazas es su famoso «Auto Layout», que permite crear frames que se adapten al contenido de manera dinámica. Esta útil herramienta resultará especialmente familiar a los desarrolladores web, puesto que permite generar un comportamiento «flex» de CSS.
Permite crear representaciones funcionales de un diseño de interfaz de usuario. Esto se traduce en la posibilidad de interactuar con los elementos de la interfaz de manera similar a cómo se haría en una aplicación o sitio web real.
Diseñadores y usuarios dispersos geográficamente, pueden colaborar en un proyecto de diseño al mismo tiempo, facilitando la comunicación entre equipos y la revisión en tiempo real.
Además, se puede hacer un seguimiento de las versiones del diseño y dejar comentarios para discutir cambios y mejoras con los demás participantes en el proyecto.
En Figma es posible crear bibliotecas de elementos, componentes y estilos de diseño reutilizables que pueden compartirse entre proyectos. Esto facilita en sobremanera la consistencia en el diseño.
Figma dispone de una versión gratuita y diversas versiones de pago adaptadas a las necesidades de cada proyecto.
Figma gratuito ofrece muchas características útiles para usuarios y equipos de diseño pequeños. Permite crear y editar diseños, prototipos y trabajar de forma colaborativa.
Algunas de las desventajas de la versión gratuita son, por ejemplo, el acceso a un número limitado de proyectos. La cantidad de archivos que se pueden guardar en la nube también es limitada y tiene restricciones a la hora de usar las ciertas propiedades avanzadas.
La versión Professional de Figma ofrece características adicionales a la gratuita. Algunas de las ventajas de esta versión incluyen creación de prototipos avanzados, proyectos compartidos y privados, un almacenamiento en la nube más amplio, la posibilidad de crear equipos de colaboración más grandes y la capacidad de crear componentes reutilizables y bibliotecas de diseño, entre otros. Esta versión es ideal para profesionales y equipos que necesitan una mayor capacidad.
También podemos encontrar la Organization. Es una opción de pago más avanzada y está diseñada para equipos grandes y empresas. Ofrece todas las características de Figma Professional. Además, agrega funciones de administración de usuarios, control de permisos avanzados, bibliotecas para toda la organización, inicio de sesión único, etc.
Por último, encontramos la versión Empresa de Figma. Esta versión está especialmente dirigida a grandes compañías. Suma a todo lo anterior, sistemas de diseño más avanzados, controles de acceso de invitados, enlaces de contraseña obligatorios, restricciones de acceso a la red, etc.
Es una extensión de Figma muy útil con la que los usuarios pueden crear pizarras digitales. En estas pueden dibujar, escribir y agregar comentarios, entre otras. También es posible hacer diagramas, flujos de información, arquitecturas y tener sesiones creativas de forma individual o con el equipo de trabajo.
Figjam también ofrece utilidades de comunicación, como chat y videoconferencias, para facilitar la interacción entre los colaboradores.
En definitiva, Figma ha revolucionado la forma en que trabajamos los equipos de diseño, por ejemplo, permitiéndonos crear prototipos interactivos y probarlos antes de su desarrollo final. También por las múltiples utilidades que nos facilitan un diseño 100% responsive.
Se ha convertido en una de las plataformas más utilizadas por diseñadores UX/UI, agencias de comunicación y empresas de todo el mundo por su condición colaborativa y por el ahorro de tiempo y recursos que supone su alojamiento en la nube.
Y vosotros. ¿Qué opináis sobre esta herramienta? Os leemos en comentarios.
¡Hasta la próxima!
En este artículo, aprenderás qué es el Lazy Loading y cómo implementarlo fácilmente en tu… Leer más
En esta guía práctica, te explicamos qué es el presupuesto de rastreo, por qué es… Leer más
¿Alguna vez te has encontrado con un mensaje que te invita a actuar, ya sea… Leer más
Una de las preguntas más comunes entre los desarrolladores web que comienzan a usar JavaScript… Leer más
Descubre qué es y para qué sirve la preimpresión digital para conseguir una buena impresión… Leer más
Ampliamos información para las redes sociales. Descubre cómo gestionar correctamente los consentimientos necesarios en las… Leer más