UI3 : une refonte majeure de l’interface centrée sur l’utilisateur
- UI3 constitue le plus grand changement d’interface de Figma depuis 2019, reconstruit pour réduire la complexité et dégager un espace de collaboration pour les équipes
- Les premiers tests bêta ont révélé que les panneaux flottants (floating panels) ralentissaient la vitesse de travail
- Sur la base des retours utilisateurs, les panneaux ont été ancrés (docked) et rendus redimensionnables
- De petits détails, comme l’ajout du défilement horizontal, ont également été pris en compte afin d’offrir un environnement d’édition plus intuitif
- Principales améliorations :
- Accès rapide aux outils clés et aux fonctionnalités IA via la barre d’outils inférieure et le menu Actions
- Amélioration de l’outil pipette de couleur : réutilisation des styles, changement de format de couleur et création de nouvelles variables
Renforcement des fonctions clés : Multi-edit et optimisation des performances
- Multi-edit : s’adapte à différents styles de travail et améliore l’efficacité en collaboration
- Typographie :
- Prise en charge de la surcharge des styles de texte (italique, gras, souligné, etc.)
- Outil de sélection des polices amélioré et possibilité de définir des espacements de paragraphe mixtes dans un même nœud de texte
- Améliorations des performances :
- Chargement dynamique des pages pour gérer efficacement les fichiers volumineux
- Optimisation de l’utilisation de la mémoire et collaboration multijoueur fluide
- Amélioration des outils de gestion d’équipe :
- Ajout d’outils d’organisation comme l’épinglage de fichiers, les filtres de recherche et les séparateurs de pages
Fonctions IA : réduire les frictions dans le workflow de design
- Recherche visuelle : téléverser une image ou une zone du canvas pour retrouver rapidement les fichiers et composants nécessaires
- Génération et transformation de texte :
- Remplacement, traduction, résumé et insertion de texte réaliste
- Création et édition d’images :
- Fonctionnalités de génération d’images par IA et de suppression d’arrière-plan
- FigJam :
- Cartes mentales IA pour visualiser les idées et génération automatique de supports de présentation Figma Slides
Figma Slides : un outil de présentation axé sur la collaboration
- Propose un mode présentation basé sur les fonctions collaboratives de Figma
- Les modèles intelligents permettent de conserver la cohérence
- Ajout de fonctions de sondage en direct et d’interaction
- Possibilité de générer automatiquement le plan d’un deck de slides à partir d’un tableau FigJam
Design system : plus d’évolutivité et de flexibilité
- Contrôle renforcé du texte avec les variables typographiques
- Nouvelle fonction de variables pour les propriétés des composants :
- Permet de maintenir le design system sans détacher les instances
- Les kits UI prêts à l’emploi accélèrent le démarrage du processus de design
Outils développeur : Dev Mode et Code Connect
- Améliorations de Dev Mode :
- Ajout d’un outil d’annotation pour la collaboration entre design et développement
- Intégration directe du contexte de design dans l’éditeur de code grâce à l’extension VS Code
- Code Connect :
- Fournit des snippets de code de production pour renforcer la cohérence entre design system et code
Contributions de la communauté : plugins et templates
- Plugins notables :
- LottieFiles : création d’animations
- Peppercorn : génération de styles de texte
- Vector to 3D : conversion de designs en 3D
- Templates notables :
- Plus de 500 templates FigJam partagés
- Mise à disposition de diverses ressources de design et de templates créatifs
Événements mondiaux et croissance de la communauté
- Config 2024 : plus de 10 000 participants, exploration de l’avenir du design et du développement
- Friends of Figma : 220 groupes locaux, plus de 500 événements organisés
- Partage d’expériences concrètes et utiles centré sur la communauté
- En 2024, l’accent a été mis sur la réduction des écarts entre design et développement, idées et présentations, imagination et réalité
- En 2025, l’objectif est d’élargir encore les possibilités des outils de design avec la communauté
1 commentaires
Cette fois, en préparant GeekNight, nous avons réalisé le travail de design avec Figma.
Même en ne regardant que du coin de l’œil à côté, c’était vraiment étonnamment pratique.
Je pense que ce serait bien que non seulement les designers, mais aussi les développeurs l’essaient et apprennent leur façon de travailler.