Config 2023 : Figma veut révolutionner le webdesign collaboratif

Le 24/06/2023

La deuxième édition du Config 2023, la keynote à la sauce Figma, vient de s’achever. La célèbre plateforme de conception d’interface web et mobile a annoncé une série d’évolutions qui sont censées révolutionner la manière dont les webdesigners, ergonomes et graphistes UI/UX conçoivent leurs prototypes au sein de leur équipe de développement. Présentation du mode Dev Mode, des variables, du prototypage avancé et de quelques petites autres mises à jour.

Dev Mode – Le pont entre le design et le développement

La première grande annonce de Figma est l’introduction de Dev Mode, un espace de travail conçu pour rapprocher le design et le développement. Avec Dev Mode, Figma veut que les développeurs se sentent enfin chez eux sur cette plateforme.

Dev Mode va offrir aux développeurs des outils pour :

Comprendre et traduire plus rapidement les maquettes en code.
Se connecter à leurs outils avec des plugins tels que Jira, GitHub et Storybook.
Suivre ce qui doit être mis en production.
Inspecter les fichiers aux côtés de leur code avec Figma dans Virtual Studio.

Le mode Développeur est disponible gratuitement en version bêta pour 2023.

Les variables – Un langage commun entre les systèmes de design et le code

Les systèmes de conception jouent un rôle essentiel dans la création de produits cohérents. Mais c’est souvent au détriment d’une certaine souplesse pour les designers. Figma introduit la notion de variables pour redonner de la flexibilité au processus de création. Ces options vont permettre :

La création de variables de couleur, de nombre, de texte et booléennes pour des valeurs réutilisables.
L’aliasing et la contextualisation des variables pour une meilleure compréhension par toute l’équipe.
Des modes de variables avec des valeurs différentes, permettant de basculer facilement entre différents thèmes de conception.
La prise en charge des plugins et des API REST pour faciliter la création et la gestion à grande échelle.

Le prototypage avancé – Donnez vie à vos conceptions

Figma a amélioré les fonctionnalités de prototypage pour faciliter le travail des équipes de conception.

Les variables permettent de créer et de mettre à jour des prototypes plus dynamiques.
Les interactions peuvent maintenant faire référence aux variables via des expressions mathématiques et des logiques conditionnelles.
Les mises à jour d’utilisabilité, telles que l’édition en contexte et l’aperçu en ligne, permettent d’itérer rapidement et de prévisualiser les prototypes.

Des mises à jour pour améliorer le quotidien des webdesigners

Figma déploie aussi quelques mises à jour pour faciliter le travail quotidien :

L’amélioration de l’auto-layout avec la possibilité de l’enrouler et de définir des hauteurs/largeurs minimales/maximales.
La mise à niveau du sélecteur de polices pour faciliter la recherche, le filtrage et la prévisualisation des polices.
Les mises à jour du navigateur de fichiers pour faciliter la recherche des fichiers et des projets partagés par des équipes externes.

Pas d’annonces concernant l’IA ?

Alors que les intelligences artificelles génératives font beaucoup parler d’elles depuis quelques mois dans la communauté des graphistes / webdesigners, les annonces du Config 2023 ne l’ont pas mises au cœur de l’évolution. De l’outil.

Figma a tout de même annoncé le rachat de Diagram, une société a l’origine de quelques plug-ins IA pour Figma. La promesse d’un service IA généralisé à l’ensemble de la plateforme est lancée. Rendez-vous aux prochaines keynotes pour mesurer l’avance ou le retard qu’aura pris Figma dans le domaine des services aux créatifs.

Voir le résumé des annonces (et des liens vers les détails) par Dylan Field Co-founder & Chief Executive Officer, Figma (en anglais) : figma.com/fr/blog/config-2023-recap

Voir le site Config 2023 par Figma : config.figma.com