Dans un monde où les outils de design évoluent à un rythme effréné, Figma, leader incontesté du design collaboratif, ne cesse d’innover. Lors de la conférence Config 2024, l’équipe de Figma a dévoilé UI3, une refonte majeure de son interface visant à révolutionner l’expérience utilisateur des designers. Fruit de longs mois de réflexion, de brainstorming intensif et de développement acharné, UI3 promet de redéfinir les standards du design.
Une interface repensée pour s’adapter aux évolutions du design
Ryhan Hassan, membre de l’équipe design de Figma, explique : « Figma a été lancé il y a presque une décennie maintenant, et nous avons gardé une interface cohérente au fil des ans. Mais en nous tournant vers l’avenir, si nous ne faisons qu’ajouter de nouvelles fonctionnalités, ce qui semblait vraiment simple commencera progressivement à devenir plus complexe ». UI3 s’articule donc autour de trois principes clés : l’adaptation à l’évolution des pratiques du design, la focalisation sur le contenu, et l’intégration avec de nouveaux produits.
« Nous ne créons plus simplement des rectangles avec des couleurs. Nous travaillons avec des concepts de taille comme les composants qui ont des propriétés complexes »
– Ryhan Hassan, designer chez Figma
Libérer de l’espace grâce à une architecture d’information repensée
Pour moderniser l’interface sans perturber les habitudes des utilisateurs, l’équipe de Figma a dû relever un défi de taille : réorganiser totalement l’architecture d’information. Les principales modifications incluent :
- Le déplacement des actions contextuelles dans le panneau de propriétés
- L’intégration du nom de fichier et de projet dans la barre latérale gauche
- La relocalisation de la barre d’outils en bas de l’interface, dans un format flottant et compact
Un panneau de propriétés plus intuitif et puissant
Joel Miller, designer produit chez Figma, a détaillé les améliorations apportées au panneau de propriétés. Parmi elles, on retrouve l’ajout d’affordances plus explicites pour distinguer les différents types de contrôles, l’introduction d’une option pour afficher les labels des contrôles, et la mise en avant des propriétés des composants en haut du panneau.
« Nous avons regroupé toutes les propriétés liées à la position. Nous avons également créé un nouveau panneau de mise en page, qui gère les dimensions avec la mise en page automatique »
– Joel Miller, à propos des changements apportés aux propriétés de mise en page
L’IA au coeur des réflexions sur l’avenir du design
KC Oh, chef de produit chez Figma, souligne la nécessité de trouver un équilibre entre le respect des principes laissés par les outils de design et l’intégration des avancées technologiques comme l’IA. Le développement d’UI3 aura été un véritable défi, marqué par de nombreuses sessions de brainstorming, des centaines d’explorations de design, et la création de prototypes fonctionnels testés en interne pendant de longues périodes.
La communauté au coeur de la transition vers UI3
Conscient de l’impact de ces changements sur les habitudes des utilisateurs, Figma opte pour un déploiement progressif d’UI3. Les utilisateurs peuvent s’inscrire dès maintenant sur la liste d’attente pour tester la version bêta dans les semaines à venir. L’équipe de Figma encourage activement la communauté à partager ses retours pour construire ensemble cette nouvelle interface.
« Nous sommes vraiment fiers de ce que nous avons construit. Et aujourd’hui, nous sommes vraiment heureux de partager avec vous la façon dont nous avons construit UI3. Nous construirons UI3 ensemble »
– KC Oh, s’adressant aux utilisateurs enthousiastes lors de la conférence Config 2024
Avec UI3, Figma franchit une étape significative pour établir une nouvelle référence en matière d’expérience utilisateur pour les designers. Cette refonte ambitieuse cherche l’équilibre entre innovation et habitudes, et son succès dépendra en grande partie de l’accueil et des retours de la communauté dans les mois à venir. Une chose est sûre : Figma continue de révolutionner le monde du design collaboratif, une interface à la fois.
