Config Figma 2024 : qu’en retiennent les designers de USERADGENTS ?

Comme chaque année en juin, la conférence XXL de Figma, Config, réunit des milliers de designers façon grand-messe pour dévoiler les dernières innovations de l'outil. Et comme chaque année en juin, les designers de USERADGENTS ont suivi les annonces pour en récupérer le meilleur pour nos projets ! Zoom en 5 étapes sur ce qu’il fallait absolument retenir selon eux cette année. 

UI3 : une toute nouvelle interface utilisateur

Bonjour à l’UI3, la toute nouvelle mouture de l’interface de Figma qui, bien que plus conviviale pour les designers et basée sur les retours de la communauté, va nécessiter  (qu’on se le dise) quelques petits efforts d’adaptation. Pour autant, jamais l’interface de l’outil ne s’est autant adaptée aux besoins des utilisateurs, entre possibilités de personnalisation manuelle et adaptation contextuelle à ce que l’on est en train de designer. On pourra par exemple agrandir ou réduire la barre de design ou bien enlever tous les labels des propriétés si on le souhaite. Par ailleurs, Figma devient avec cette refonte plus “logique,” car il permet d’associer désormais plusieurs fonctionnalités ensemble, plus “pratique” avec sa nouvelle barre d’outils et la modularité de son panneau de fonctionnalités, mais aussi plus “élégant” grâce à la nouvelle gamme d’icônes qui sont maintenant plus rondes.

UI3 c’est plus ergonomique, plus cohérent et plus accessible grâce à ce nouveau plan de travail simplifié et immersif et une barre d’actions principale plus centrale. On peut logiquement se dire que cette nouvelle interface a été pensée pour accueillir l’IA !

Kylian Mendy, UI Designer

UI3 est actuellement disponible en beta limitée pour les utilisateurs qui se sont inscrits sur la liste d’attente. 

FigmaAI : Figma succombe aux sirènes de l’intelligence artificielle

L’IA, parlons-en ! Les outils FigmaAI débarquent au sein de l’interface Designer et se distinguent entre autres par : Make Designs pour créer des intentions de maquettes avec un prompt, les suggestions de design en temps réel, le renommage automatique des calques, la génération de visuels, la reformulation de textes (traduction, ajustements de ton…), la retouche de photos avec par exemple la suppression de background, etc. 

FigmaAI est un joli moyen d’automatiser des tâches répétitives et d’accroître l’efficacité des designers. Reste à voir ce que cela va donner réellement à l’usage.

Filippo Fresilli, UX/UI Designer

Parmi les nouveautés les plus spectaculaires, on notera surtout pour notre part la recherche visuelle de composants, ressources voire fichiers entiers en utilisant une capture d’écran, une frame voire un croquis en entrée et également le prototypage dopé à l’IA qui permet de créer à la volée et de façon très efficace les animations et liens entre nos écrans. 

À noter que FigmaAI est disponible, tout comme UI3, en version beta limitée sur liste jusqu’à fin 2024 et deviendra payant dès début 2025. À date, le prototypage automatisé ne fait malheureusement pas partie de la beta. Figma précise également que toutes les fonctionnalités d’IA générative intégrées dans son logiciel sont alimentées par des modèles tiers, comme par exemple celui d’OpenAI, mais qu’ils n’ont pas été entraînés avec des données clients privées, uniquement avec des ressources publiques gratuites de la communauté. 

2023 était l’année où l’IA a été “intégrée” dans tous les outils des designers. Cette précipitation a parfois rendu son impact limité dans nos quotidiens. 2024 est l’année où l’on apprend de 2023 : l’IA devient l’outil. Prochaine date : le 17 juillet avec Miro qui nous parlera de ses nouveautés tournées vers… l’IA. Evidemment !

Noemi Sponga, UX Designer

God Bless Figma Slides 

Figma Slides est une sorte de PowerPoint intégré qui permet de créer des présentations collaboratives très facilement en piochant dans une bibliothèque de templates & outils (sondages, votes…) prédéfinis. Chaque slide est ensuite totalement personnalisable grâce aux outils Figma habituels mais l’interface très simple reste toutefois attractive pour les non-initiés à Figma. Important : il sera possible de lier les présentations Figma Slides à un design system pour en garder toute la cohérence graphique et d’importer des prototypes pour les tester en direct dans une slide. Comme les autres nouveautés annoncées lors de cette édition de Config, Figma Slides restera gratuit jusqu’à la fin de l’année puis coûtera de de $3 à $5 par utilisateur et par mois dès début 2025. 

Le Dev Mode s’offre un petit lifting

Un an après son lancement officiel lors de la Config 2023, le Dev Mode se dote de plusieurs nouveautés significatives. Alors même si pour les raisons évoquées dans cet article, nos équipes design & tech ont décidé de ne pas l’utiliser pour l’instant, voici quelques éléments qui devraient satisfaire les développeurs qui disposent d’un forfait Entreprise/Organisation où le Dev Mode est inclus : 

• Les statuts de progression à ajouter au sein des maquettes qui sont “Ready for Dev” pour notifier les développeurs d’une modification apportée. 
• La nouvelle vue “Ready for Dev” plus centralisée, justement, qui va aider les développeurs à trouver plus rapidement tous les éléments prêts à être intégrés car ils seront tous contenus dans un seul et même endroit. 
• L’ajout d’une vue “Focus” pour afficher uniquement la maquette utilisée.
• La mise à jour de l’inspecteur, via le déploiement général de Code Connect, qui devrait satisfaire les utilisateurs de design systems et notamment en favoriser l’usage par les développeurs. Elle permet de faire apparaître le fragment de code d’un composant en fonction du framework souhaité, directement depuis sa bibliothèque. 

Bien que nous n’utilisons pas le Dev Mode chez USERADGENTS, ces nouveautés témoignent de la volonté de Figma de continuer à fluidifier la relation au sein d’une team projet. Les échanges sont mieux mis en avant et il y a plus de clarté au rendez-vous pour les développeurs. C’est le cas par exemple avec la mise à jour de l’inspecteur, qui est une première pierre pour faciliter l’adoption de design systems communs. Mais, de façon générale, il n’y a pas eu selon nous de fonctionnalités révolutionnaires annoncées pour le Dev Mode cette année.

Alex Gomes, Lead UI Designer

Mais aussi…

À la marge, notons également : 

• La petite évolution plutôt pratique de l’auto-layout qui se dote de l’option “auto-layout suggéré”. Un moyen d’automatiser proprement cette fonctionnalité pour non seulement indiquer les frames qui nécessitent des auto-layouts mais aussi les créer sur toute une maquette (et plus frame par frame).

La nouvelle fonctionnalité d'auto-layout instantané de Figma est une véritable innovation. Elle ajuste automatiquement les composants selon le contenu et les espacements définis, éliminant les ajustements manuels fastidieux, et garantit une cohérence et une précision sans effort.

Benjamin Sig, UX-UI Designer

• L’accès simplifié aux kits UI d’iOS, Material (Google) et Figma. 

• La visionneuse ou “preview” de prototype qui devient responsive pour avoir des rendus sur différentes tailles d’écran via la projection web, en gérant les breakpoints

Le prototype responsive ? C’est une excellente nouvelle ! Toutefois, cela implique de faire attention à parfaitement bien designer nos composants dans cette optique.

Filippo Fresilli, UX-UI designer

• Enfin, dernier point intéressant. Figma va revoir sa copie concernant la facturation. Cela passera par une meilleure visibilité des utilisateurs et leur nombre. On pourra désormais choisir de recevoir des notifications de facturation quotidiennes ou hebdomadaires, ce qui permettra de mieux superviser les usages et les autorisations. Il sera également possible de définir le rôle par défaut pour toute personne rejoignant un compte Figma en "viewer-restricted", ce qui impliquera une approbation explicite de l'administrateur avant qu'un nouvel utilisateur ne soit surclassé vers un siège payant. Ces nouveautés arriveront en fin d’année.

La stratégie de Figma de capitaliser sur l’IA et de collaborer avec Jordan Singer l’année dernière se confirme de façon assez spectaculaire en 2024 ! Mais cela les a obligé à revoir dans un premier temps une interface, certes vieillissante, mais qui était bien adoptée par la communauté… Le logiciel s’ouvre à de nouveaux utilisateurs en diversifiant son offre avec Figma Slides qui, en plus d’être une bénédiction pour ceux qui subissent Google Slides, semble être d’une prise en main assez déconcertante et permet de garder un design cohérent puisque les présentations seront liées aux composants du projet. Cela permettra surtout de manipuler des prototypes directement en live et ça, on valide, même s’il va falloir encore passer à la caisse, ce qui est quand même dommage…

Alex Gomes, UI Lead Designer

Besoin de conseils dans la prise en main des nouveautés de Figma sur vos projets web & mobiles ? Contactez nos designers.