La evolución de Figma

Desde su lanzamiento hace casi una década, Figma ha experimentado numerosos cambios. Aunque se han añadido nuevas funcionalidades y productos, la estructura básica de Figma se ha mantenido constante. Esta consistencia no es casualidad; la empresa entiende la importancia de mejorar las herramientas sin alterar los flujos de trabajo establecidos. Sin embargo, a medida que las actualizaciones se acumulan, la simplicidad inicial puede convertirse en complejidad innecesaria. Para enfrentar este desafío y preparar a Figma para la próxima década, se ha introducido UI3.

‍

Objetivos principales de UI3

1. Centrar las ideas del usuario, no la interfaz de Figma: A medida que Figma ha añadido capacidades avanzadas como componentes interactivos y diseño asistido por IA, estas características podrían sentirse como distracciones. UI3 busca enfocar la pantalla más en el trabajo del usuario que en la interfaz.
2. Equilibrar las necesidades de nuevos usuarios y diseñadores profesionales: Figma quería hacer la plataforma más intuitiva para los principiantes, sin dejar de ser eficiente para los usuarios experimentados, simplificando la interfaz sin reducir sus capacidades.
3. Adaptarse a la naturaleza cambiante del diseño: Con nuevas formas de interactuar con el diseño, como los componentes reutilizables y la IA generativa, Figma necesita adaptarse y ofrecer niveles más altos de abstracción, brindando bloques de construcción, no solo píxeles.
4. Preparar el futuro de Figma: Con nuevas herramientas como Dev Mode y Figma Slides, se quería establecer una base sólida para una familia cohesiva de productos dentro de Figma.

‍

Diseño de la nueva interfaz

El rediseño del lienzo de Figma maximiza el espacio disponible, centrando la atención en el trabajo del usuario y eliminando distracciones. Figma exploró numerosas iteraciones, incluyendo una UI minimalista que solo se revelaba al pasar el cursor. Finalmente, se optó por paneles redimensionables y una nueva barra de herramientas en la parte inferior del lienzo.

Priorizando características esenciales

El panel de propiedades fue rediseñado para priorizar controles críticos, como los componentes, que ahora tienen un lugar destacado sobre atributos como color y tamaño. También se unificaron las opciones de diseño en un solo panel, alineándolas con la forma en que se construyen los productos en el código, pero manteniendo la disposición familiar para los usuarios veteranos.

Una interfaz centrada en la usabilidad

UI3 introduce fondos en los campos de entrada, bordes en los menús desplegables, esquinas redondeadas y 200 nuevos íconos expresivos. Estos cambios mejoran la comprensión de la plataforma y permiten personalizar la visualización de las etiquetas de propiedades para un enfoque más icónico.

Cohesión en la familia de herramientas de Figma

Se buscó crear coherencia en todo el ecosistema de Figma, ya sea que el usuario esté trabajando en FigJam, Figma Design o Figma Slides. Patrones consistentes como la barra de herramientas delgada y los paneles colapsables crean una experiencia fluida y familiar.

Adaptándose al futuro del diseño

El lanzamiento de esta remodelación marca un nuevo comienzo. La verdadera magia ocurrirá a medida que los usuarios utilicen esta nueva interfaz en su proceso creativo. Se sabe que puede tomar tiempo adaptarse completamente a UI3, pero Figma está emocionado de acompañar a los usuarios en este viaje.

Figma está desplegando gradualmente UI3 a los usuarios. Así que no deberá pasar mucho tiempo para que veas la notificación de recibir actualizaciones.

‍

Todas las novedades y funcionalidades prácticas presentadas en la Config 2024 serán incluidas en todos mis cursos, así que si ya tienes algunos de mis cursos o estás pensando en adquirirlos, ten la seguridad de que recibirán estas actualizaciones próximamente.