Empezando

Figma es una herramienta de diseño y prototipado basada en la nube, ampliamente utilizada para crear interfaces de usuario (UI) y experiencias de usuario (UX), lo que facilita enormemente la colaboración con tu equipo, ya sean diseñadores, desarrolladores o cualquier otra persona involucrada en un proyecto. Si eres diseñador, encontrarás que se siente un poco como Adobe Illustrator ya que también es un software basado en vectores, y si ya estás familiarizado con Adobe XD, te sentirás como en casa.

Figma es excelente para diseñar wireframes, maquetas y prototipos para aplicaciones móviles y sitios web. Una de las cosas más geniales es la colaboración en tiempo real. Tú y tu equipo pueden trabajar en el mismo proyecto juntos, dejar comentarios, dar retroalimentación o simplemente ver cómo sucede la magia en vivo. ¡Es perfecto para hacer que el trabajo en equipo sea fluido y divertido!

¿Cuál es la diferencia entre UI y UX en Figma?

UI (Interfaz de Usuario) se trata del diseño visual, la apariencia y la sensación de un producto. En Figma, esto implica diseñar elementos como botones, iconos, tipografía, esquemas de color y diseño.

Mientras que UX (Experiencia de Usuario) se enfoca en el recorrido general del usuario: cómo interactúan con el producto y cuán intuitiva o satisfactoria es esa experiencia. Involucra estructurar el contenido y la navegación para hacer que la experiencia sea fluida.

En resumen, la UI en Figma trata sobre cómo se ven las cosas, mientras que la UX trata sobre cómo funcionan. Figma proporciona herramientas para manejar ambos de manera fluida, ayudando a los diseñadores a construir productos que sean tanto visualmente atractivos como fáciles de usar.

El enlace a Figma está aquí: https://www.figma.com/

¡Ahora, veamos cómo se ve Figma!

Una última cosa, cuando eliges un archivo de la Comunidad de Figma, podría darte dos opciones como me pasó a mí. La diferencia entre las dos es:

• Usar UI Kit en un nuevo archivo: Figma utilizará todos los activos, iconos y componentes incluidos en el archivo con un nuevo proyecto sin copiar todos los marcos y páginas;
• Hacer una copia de este archivo: Figma hará una copia de todo el archivo, incluidos los marcos, páginas, activos y todo lo demás.