Nouveautés Figma : intégration de l’IA, nouvel outil de présentation et interface repensée

À l’occasion de Config 2024, sa conférence annuelle à San Francisco, Figma a annoncé un lot de nouveautés pour son logiciel de maquettage. Présente désormais nativement au sein de l’outil, l’IA offre de nouveaux outils pour la création, la recherche ou le prototypage. Les développeurs vont pouvoir bénéficier d’un Dev Mode enrichi, tandis que les Figma Slides font leur apparition pour des présentations plus percutantes. Enfin, l’interface de l’outil a été repensée et se veut plus intuitive. On fait le point !

L’IA s’invite nativement au sein de Figma

L’IA et ses fonctionnalités permettant d’accélérer les workflows s’invitent de façon native dans Figma. Avec les nouveaux outils Figma AI, les utilisateurs vont pouvoir « générer des ébauches de designs avec une simple requête », mais également bénéficier de plusieurs fonctions de réécriture, de traduction, d’édition et de remplacement. L’organisation de calques et la recherche se veulent elles aussi simplifiées par ces nouveaux outils d’IA.

Voici les principales fonctionnalités de Figma AI :

• Création de designs : il est possible de créer des maquettes d’interfaces utilisateurs mobile et web, avec différents styles et mises en page, à l’aide d’une simple requête textuelle.
• Recherche visuelle : l’IA permet de parcourir rapidement le travail des équipes et de trouver le design recherché à l’aide d’un cadre, d’une image ou d’une capture d’écran.
• Organisation des calques : Figma AI offre la possibilité de nommer et d’organiser contextuellement tous les calques d’un fichier en clic.
• Prototypage alimenté par l’IA : les maquettes statiques peuvent être transformées en prototypes fonctionnels en s’affranchissant des étapes manuelles.
• Automatisation de tâches : certaines tâches, comme l’ajout de texte, la traduction, l’ajustement du ton, la création d’images ou encore la suppression d’arrière-plans, sont grandement facilitées par l’IA directement intégrée.

Figma AI est d’ores et déjà disponible en bêta limitée. Les utilisateurs intéressés pour tester ces outils sont invités à rejoindre une liste d’attente, avant un déploiement généralisé.

Découvrez les fonctionnalités de Figma AI en vidéo :

Figma Slides : un outil dédié aux présentations

Figma propose également, en marque de Config 2024, un nouveau produit : Figma Slides. Il a pour objectif d’aider les designers et leurs collaborateurs à co-créer et livrer des présentations interactives. Ces nouveaux « outils de présentation collaboratifs » ont pour but d’améliorer le storytelling des présentations et l’engagement des équipes. Ainsi, Figma Slides doit « permettre à chacun de créer, construire et réaliser des présentations magnifiquement conçues comme un designer professionnel ». Cet outil est lui aussi lancé en bêta, ouverte cette fois-ci. Les fonctionnalités IA de Figma Slides font quant à elles partie de la bêta limitée mentionnée ci-dessus.

Voici plusieurs des fonctionnalités proposées par Figma Slides :

• Conception pour tous les niveaux de compétence : les nouvelles fonctionnalités de diapositives se veulent simples d’utilisation, pour les designers comme pour leurs collaborateurs. Il est possible d’intégrer les designs et prototypes sans perte de détail, de personnaliser des modèles d’entreprise ou d’activer le mode design pour un accès direct aux outils de conception.
• Co-création et co-présentation : Figma Slides propose des fonctionnalités collaboratives, comme l’ajout de commentaires, un chat textuel et audio, une vue en grille organisée, des contrôles de co-présentation, des notes et bien d’autres options.
• IA intégrée : les fonctions de rédaction, de réécriture, de génération et d’édition d’images sont également présentes au sein de Figma Slides.
• Présentations interactives : les conversations intégrées permettent de rendre les présentations interactives, avec la possibilité d’enregistrer les retours et les questions tout au long du processus.

De nouveaux outils pour les développeurs

Lancé lors de Config 2023, le Dev Mode de Figma, cet espace de travail accompagnant les développeurs dans la traduction de designs en code, s’enrichit de nouvelles fonctionnalités. Elles ont pour but de « rapprocher la conception du code, et d’augmenter la clarté des workflows de conception et de développement » notamment grâce à l’apport de Code Connect. Deux nouveaux outils font, toujours dans cette optique, leur apparition dès ce mercredi 26 juin :

• Amélioration des workflows : une nouvelle vue Ready for Dev fait son arrivée, affichant des statuts de design améliorés, des notifications pour rester informé de toute modification et une vue focus pour l’inspection.
• Code Connect : il est possible de « faire apparaître le code des composants de votre design system ou d’un kit UI pris en charge au lieu du code autogénéré, pour implémenter le bon code avec cohérence et rapidité ».

Une interface repensée

Enfin, dernière annonce majeure de Config 2024, Figma va proposer une nouvelle interface utilisateur, annoncée comme plus moderne, accessible et flexible à travers ses espaces de travail de conception et de développement. La refonte inclut une barre d’outils offrant un accès direct aux fonctionnalités IA et à d’autres outils, visant à simplifier l’expérience utilisateur et à poser les bases d’un flux de travail de développement de produits transparent. Voici les principales informations à retenir de la nouvelle interface de Figma :

• Une interface plus accessible : Figma a apporté des améliorations en termes de convivialité, avec notamment des icônes plus claires ou des étiquettes facultatives dans le panneau de propriétés, pour plus de lisibilité, aussi bien pour les nouveaux utilisateurs que pour les plus expérimentés.
• Une personnalisation de l’ergonomie : Figma a ajouté de nouveaux panneaux redimensionnables qui offrent une plus grande personnalisation de la toile. Il est ainsi possible de réduire la taille de panneaux pour désencombrer l’interface et maximiser l’espace de conception, ou de les agrandir lors de l’ajustement des propriétés.
• Un accès facile à l’IA et aux autres outils : un nouveau point d’entrée et un raccourci vers les nouvelles fonctionnalités IA et les autres outils existants ont été ajoutés dans la nouvelle barre d’outils.

Cette nouvelle interface utilisateur commencera à être déployée en version bêta limitée dès ce 26 juin 2024. Il est à nouveau possible de s’inscrire à une liste d’attente pour demander des accès.