Refonte de Figma UI3 : une plongée approfondie dans les changements et l'impact

Figma UI3 : une plongée en profondeur dans la refonte radicale

Récemment, la mise à jour UI3 de Figma a suscité un débat houleux au sein de la communauté du design. Si certains concepteurs peinent à s’adapter à cette refonte drastique, d’autres applaudissent son interface simplifiée et son expérience immersive. Cet article approfondit les changements spécifiques de Figma UI3, en explorant les raisons qui les sous-tendent et leur impact potentiel.

De nombreux concepteurs familiers avec Figma ont probablement essayé la nouvelle UI3 – c'est un changement si important que beaucoup expriment leurs frustrations sur les réseaux sociaux. Compte tenu de la position actuelle de Figma, à l'image de nombreux produits B2B, son évolution au cours de la dernière décennie révèle un scénario dans lequel de nombreuses nouvelles fonctionnalités ont été ajoutées sans altérer fondamentalement la logique d'interaction du produit. Cela a abouti à un éditeur Figma trop volumineux.

En tant qu'utilisateur de longue date de Figma, je partagerai mes idées sur les raisons pour lesquelles Figma a entrepris cette mise à jour « perturbatrice » et vous proposerai mes réflexions sur son évolution.

I. Modifications spécifiques dans Figma UI3

Commençons par décrire les principaux changements dans UI3 :

La nouvelle interface donne la priorité à la simplicité, en minimisant l'encombrement et en maximisant votre espace d'édition pour un flux de travail plus immersif. Visuellement, il intègre les cartes et les espaces blancs comme éléments centraux, s’alignant sur les tendances actuelles en matière de design. De nombreuses icônes système ont également été repensées pour une esthétique plus épurée.

Des ajustements importants ont été apportés au panneau de navigation, à la barre d'outils et au panneau de propriétés :

• Panneau de navigation : Figma restructure les informations internes pour une meilleure clarté dans sa logique de stockage de produits. Étant donné que Figma fonctionne dans quatre dimensions – équipes, fichiers, pages et couches – le répertoire de fichiers était auparavant situé au sommet. Désormais, il est fusionné avec le panneau de navigation de gauche, créant ainsi un chemin plus intuitif. Les opérations liées aux fichiers telles que la publication, le branchement et l'historique sont désormais regroupées sous le chemin du fichier, ce qui améliore encore la clarté.

• Barre d'outils : la barre d'outils se concentre sur la maximisation de l'espace dédié au contenu de base. Étant donné que les outils les plus fréquemment utilisés restent relativement cohérents, les déplacer vers le bas libère un espace d'écran précieux pour votre travail. Les flux d’interactions descendantes semblent également plus naturels. Cependant, comme je préfère personnellement cacher le Mac Dock, ce mouvement conduit parfois à des actions involontaires – ce qui nécessite une adaptation plus approfondie.

• Panneau de propriétés : les utilisateurs peuvent désormais faire glisser et redimensionner le panneau de propriétés selon leurs besoins. Son contenu a également été réorganisé, par exemple, la création de composants est désormais centralisée dans une zone unifiée. Vous pouvez personnaliser les étiquettes, les afficher/masquer et affiner les paramètres des attributs avec une plus grande précision. Notamment, UI3 inclut des optimisations pour les écrans plus petits, reconnaissant que la plupart des concepteurs travaillent sur des ordinateurs portables MacBook où l'espace d'édition peut être limité. La possibilité de réduire et d'afficher les panneaux de navigation et de propriétés en cas de besoin améliore considérablement l'expérience des utilisateurs d'ordinateurs portables.

II. Raisons derrière l'itération

Chaque changement dans un produit B2B a des raisons sous-jacentes, et Figma ne fait pas exception :

• Intégration de nouvelles fonctionnalités : les mises à jour récentes de Figma se sont principalement concentrées sur l'approfondissement des fonctionnalités existantes jusqu'au lancement de ses capacités d'IA. L’importance de cette fonctionnalité nécessite des changements pour guider les utilisateurs vers une adoption rapide. Cela ressemble à la façon dont WeChat (l'application de messagerie chinoise populaire) a mis en œuvre des mises à jour majeures, souvent accompagnées de nouvelles fonctionnalités de jeu, conçues pour encourager l'engagement des utilisateurs et l'adoption de la dernière version.

• Unification des interactions : Figma englobe Figma, FigJam et Slide. En tant que concepteur, il est naturel de rechercher des interactions cohérentes sur toutes les plateformes. Semblable à l'approche « suite » de Microsoft Office où les utilisateurs reconnaissent instantanément ses produits en fonction de leur interface, Figma vise la même chose. L'itération UI3 adopte la mise en page de FigJam comme base, itérant sur l'éditeur Figma et répondant aux besoins de Slide tout en résolvant les problèmes d'utilisabilité précédents. Cela permet aux nouveaux utilisateurs d'explorer l'écosystème complet de Figma et de libérer tout son potentiel.

• Considérations commerciales : suite à l'échec de la tentative d'acquisition d'Adobe, Figma, en tant que logiciel de conception, doit envisager de « se généraliser » et de « monétiser ». L’aspect monétisation est évident. L’entreprise cherche probablement à attirer une base d’utilisateurs plus large en rationalisant l’expérience.

III. Mon point de vue sur cette itération

Figma UI3 ressemble à une toile vierge : un espace où les utilisateurs peuvent s'exprimer librement et manipuler les informations. Lorsque je réduis tous les panneaux, je me concentre uniquement sur le contenu de la page elle-même. Cette approche minimaliste est incroyablement puissante.

Je pense que cette disposition créera une tendance et influencera de nombreux autres produits à l’avenir. Que pensez-vous de Figma UI3 ?