Figma qué es y para qué sirve

En el mundo de la programación front end, a menudo es necesario confiar en expertos en UX/UI (User Experience y User Interface) para que las interfaces gráficas sean usables y funcionales. El UI UX design es una actividad de diseño que, a lo largo de los años, se ha ganado un espacio cada vez más importante, ya que el uso de sitios web y aplicaciones se ha convertido en la orden del día.

Entonces, ¿el ux ui designer qué hace?

La figura del UX designer diseña la User Experience y la User Interface. Por lo tanto, asegura que un sitio web o una aplicación sea fácil de usar, intuitivo, user-friendly y eficiente. Todo a través del diseño y prototipado de la interfaz gráfica. A menudo, el UX UI designer coincide con el de desarrollador web front-end o, en todo caso, colabora con este último.

Para respaldar esta función, hay muchas tecnologías a las que recurrir. A estas alturas, el UI/UX designer se ha convertido en una personalidad fundamental dentro de un equipo de desarrollo, tanto que recibe apoyo incremental de la comunidad de desarrolladores front-end. Para este propósito presentamos Figma.

¿Qué es Figma?

Figma es una herramienta de UI&UX design que también actúa como un editor de gráficos diseñado para la web. Figma nació en 2015 y su crecimiento fue tan exponencial que fue adquirida por Adobe en 2022. Es una plataforma de edición gráfica basada en web y colaborativa. Esto significa que varios usuarios pueden interactuar en un solo proyecto.

Además, deja una amplia libertad de acción, permite realizar cualquier operación a nivel gráfico (podremos diseñar sitios web, UI de aplicaciones móviles y publicaciones para redes sociales). La innovación radica en hacer de Figma una herramienta colaborativa. Varios UX UI designer podrán colaborar e interactuar en un mismo proyecto en tiempo real, involucrando a todos los miembros del equipo de desarrollo. Esta característica optimiza el tiempo e involucra a todas las partes interesadas.

Otro punto fuerte es el web-based. Para usar Figma no será necesario instalar software o plugin, todos los diseñadores gráficos podrán acceder a Figma a través de un PC y un navegador.

En la versión básica su uso es gratuito, pero cuenta con varios "paquetes" de pago que amplían la experiencia. Hoy en día, no solo lo utilizan los UI/UX designer individuales, sino también las empresas que necesitan dicho apoyo. Al ser una herramienta que opera en tiempo real, incluso los guardados se almacenan en la nube, sin introducir los cambios localmente. Figma se presta a un montón de fases de diseño de interfaz gráfica, estimulando mucho la creatividad, intentando no descuidar los conceptos de UX/UI design.

A través de Figma podemos interactuar paso a paso con el nacimiento y evolución de nuestro proyecto. Desde la fase de creación de prototipos hasta la recopilación e implementación de cualquier comentario de otros miembros del equipo. Comprender cómo usar la interfaz es muy básico. Las Páginas son las entidades operativas en las que se pueden crear Frame y trabajar en tus proyectos. Si bien la gestión de componentes es muy familiar tanto para los UX/UI designer como para los desarrolladores front-end, la gestión se hereda del mundo CSS: Block Element Modifier.

Es una herramienta extremadamente poderosa y efectiva que todos los aspirantes a desarrolladores y designer (pero también los más expertos) deberían usar.

¿Y tú lo conocías? Si te fascina el mundo de la programación front-end, consulta nuestra guía para aprender HTML y CSS.