UI3: un rediseño masivo de la interfaz centrado en el usuario
- UI3 es el mayor cambio de interfaz de Figma desde 2019, reconstruido para reducir la complejidad y dar más espacio a la colaboración en equipo
- En las primeras pruebas beta se detectó que los paneles flotantes (floating panels) ralentizaban la velocidad de trabajo
- Con base en los comentarios de los usuarios, los paneles pasaron a estar acoplados (docked) y a permitir ajuste de tamaño
- Se incorporaron pequeños detalles, como el desplazamiento horizontal, para ofrecer un entorno de edición más intuitivo
- Principales mejoras:
- Acceso rápido a herramientas clave y funciones de IA mediante la barra de herramientas inferior y el menú Actions
- Mejora de la herramienta cuentagotas de color: reutilización de estilos, cambio de formato de color y creación de nuevas variables
Refuerzo de funciones clave: Multi-edit y optimización del rendimiento
- Multi-edit: se adapta a distintos estilos de trabajo y mejora la eficiencia en la colaboración
- Tipografía:
- Soporte para sobrescritura de estilos de texto (cursiva, negrita, subrayado, etc.)
- Selector de fuentes mejorado y posibilidad de configurar espaciado de párrafo mixto dentro de un solo nodo de texto
- Mejoras de rendimiento:
- Carga dinámica de páginas para gestionar archivos grandes de forma eficiente
- Optimización del uso de memoria y colaboración multijugador más fluida
- Mejoras en herramientas de gestión de equipos:
- Se añadieron herramientas de organización como anclar archivos, filtros de búsqueda y separadores de páginas
Funciones de IA: menos fricción en el flujo de trabajo de diseño
- Búsqueda visual: subir una imagen o un área del canvas para encontrar rápidamente los archivos y componentes necesarios
- Generación y transformación de texto:
- Reemplazo de texto, traducción, resumen e inserción de texto realista
- Creación y edición de imágenes:
- Funciones de generación de imágenes con IA y eliminación de fondo
- FigJam:
- Visualización de ideas con mapas mentales con IA y generación automática de materiales de presentación de Figma Slides
Figma Slides: una herramienta de presentaciones centrada en la colaboración
- Ofrece modo de presentación basado en las funciones colaborativas de Figma
- Mantiene la consistencia con plantillas inteligentes
- Añade funciones de encuestas en tiempo real e interacción
- Permite generar automáticamente el esquema de una presentación desde un tablero de FigJam
Sistemas de diseño: más escalabilidad y flexibilidad
- Mayor control del texto con variables tipográficas
- Nueva función de variables en propiedades de componentes:
- Permite mantener el sistema de diseño sin separar instancias
- Los kits de UI preparados aceleran el inicio del proceso de diseño
Herramientas para desarrolladores: Dev Mode y Code Connect
- Mejoras en Dev Mode:
- Se añadió una herramienta de comentarios para la colaboración entre diseño y desarrollo
- La extensión de VS Code integra directamente el contexto de diseño en el editor de código
- Code Connect:
- Refuerza la consistencia entre el sistema de diseño y el código al ofrecer fragmentos de código de producción
Aportes de la comunidad: plugins y plantillas
- Plugins destacados:
- LottieFiles: creación de animaciones
- Peppercorn: generación de estilos de texto
- Vector to 3D: conversión de diseños a 3D
- Plantillas destacadas:
- Se compartieron más de 500 plantillas de FigJam
- Se ofrecen diversos recursos de diseño y plantillas creativas
Eventos globales y crecimiento de la comunidad
- Config 2024: más de 10,000 asistentes exploraron el futuro del diseño y el desarrollo
- Friends of Figma: 220 grupos locales y más de 500 eventos
- Se compartieron experiencias prácticas y significativas centradas en la comunidad
- En 2024, el enfoque estuvo en reducir la brecha entre diseño y desarrollo, ideas y presentaciones, imaginación y realidad
- En 2025, planean seguir ampliando junto con la comunidad las posibilidades de las herramientas de diseño
1 comentarios
Esta vez, mientras preparaba GeekNight, hice el trabajo de diseño en Figma.
Incluso con solo verlo de reojo desde al lado, me sorprendió lo increíblemente cómodo que era.
Creo que estaría bien que no solo los diseñadores, sino también los desarrolladores, lo probaran y aprendieran su forma de trabajar.