Les nouveautés de Config 2024

Config est la conférence annuelle de Figma sur le design pour les concepteurs de produits, lors de laquelle nous rassemblons notre communauté pendant deux jours de lancements de fonctionnalités exceptionnelles et de discussions entre professionnels du secteur.

Dans cet article, nous vous présenterons chacune des fonctionnalités annoncées lors de la Config 2024. Certaines de ces fonctionnalités sont disponibles en version bêta ; nous indiquerons prochainement leur disponibilité et tiendrons cet article à jour en cas de modification.

Utilisez l’IA pour Figma design

Figma AI est gratuit dans la version bêta, mais des limites d’utilisation peuvent s’appliquer. Une fois le test des fonctionnalités d’IA terminé, ces fonctionnalités deviendront payantes. Vous recevrez une notification avant ce changement.

Votre créativité est débridée avec Figma AI. Passez plus rapidement de la première ébauche au produit final, trouvez ce que vous cherchez et gardez le cap.

Utilisez les outils d’IA pour :

• First Draft : transformez vos idées en designs modifiables en seulement quelques minutes. Cette fonctionnalité vous permet d'explorer rapidement un large éventail de possibilités de design et d'itérations, afin de passer moins de temps à créer manuellement de premières ébauches en partant de zéro.
• recherche visuelle et recherche de ressources : utilisez les images et designs proposés pour rechercher des designs ou composants créés par votre équipe ou organisation. Trouvez les composants dont vous avez besoin depuis l’onglet Assets sans avoir besoin de mémoriser leurs noms ;
• renommer les calques : organisez votre fichier en attribuant des noms pertinents à vos calques en un clic ;
• créer des prototypes : mettez rapidement au point un prototype interactif à partir de vos maquettes ;
• reformuler du texte : reformulez votre texte pour employer un ton différent, traduire du texte dans une autre langue, ou réduire du texte pour l’adapter à vos designs ;
• générer des images et supprimer des arrière-plans : générez et modifiez des images uniques à l’aide d’une instruction unique, ou supprimez l’arrière-plan d’une image pour isoler le sujet principal.

Lorsqu'il s'agit de construire l'IA, nous voulons être transparents sur ce que nous faisons et sur ce que cela signifie pour vous. Découvez-en plus sur la vision de l’IA de Figma→

Une nouvelle vue dans le Dev Mode

Les fonctionnalités suivantes du Dev Mode sont disponibles dès maintenant, mais peuvent être limitées en fonction de votre forfait ou de votre licence. Cliquez sur le lien correspondant à chaque fonctionnalité pour en savoir plus.

Pour aider les équipes à proposer de meilleurs produits efficacement, nous faisons évoluer Figma design et Dev Mode pour prendre en charge à la fois le design et le développement. Les designers ont toujours la possibilité d’explorer des idées et de les retravailler rapidement, tandis que les développeurs disposent de davantage de clarté et de conseils sur les éléments prêts à être créés, les modifications apportées à un fichier, et comment les créer.

Améliorez votre processus de transfert grâce aux fonctionnalités du Dev Mode telles que :

• Mises à jour des statuts : il est désormais d’attribuer un statut de progression à vos designs, et de notifier vos collaborateurs des modifications apportées. Le transfert entre les designers et les développeurs a lieu plusieurs fois pendant un projet, ce qui souligne l’importance de communiquer lorsqu’une fonctionnalité est prête à être créée.
• Vue Prêt pour le développement : la vue Prêt pour le développement aide les développeurs à trouver rapidement tous les éléments prêts à être créés au même endroit.
• Vue Focus : affiche uniquement le design sur lequel vous êtes en train de travailler tout en masquant les autres designs pour limiter les distractions sur les canevas.
• Code Connect : Code Connect est désormais prêt pour le déploiement ! Code Connect est un outil conçu pour permettre aux équipes de design systems et d’ingénierie d’indiquer le code de leurs composants dans Dev Mode. En inspectant un composant à l’aide de fragments de code connecté, les développeurs pourront visualiser le code d’un design system depuis leurs bibliothèques au lieu d’utiliser un code généré automatiquement.

Présentez vos idées avec Figma Slides

Figma Slides est disponible en mode bêta et gratuit pour tous.

En version bêta, Figma Slides est gratuit. Début 2025, Figma Slides sera disponible sous forme d'abonnements gratuits et payants, à partir de 3 ou 5 dollars par utilisateur/mois selon votre plan. Nous vous en informerons à l'avance.

Figma Slides est le premier outil de présentation conçu pour les concepteurs et les coéquipiers. Figma Slides associe la puissance et la précision de Figma design à des outils de présentation conviviaux qui donnent vie à vos récits et facilitent l’alignement.

Avec Figma Slides, vous pouvez :

• Choisissez parmi des templates flexibles pour créer des présentations influentes destinées à n’importe quel public
• Utilisez des fonctionnalités de collaboration multi-utilisateurs pour co-créer des diapositives, et présentez ensemble grâce à des notes du présentateur partagées et aux commandes de co-présentation
• créer des diapositives en direct avec des sondages, des échelles d'alignement et des votes pour recueillir les commentaires de vos parties prenantes et encourager la prise de décision.
• Personnalisez les designs de vos diapositives à l’aide des outils Figma design que vous connaissez et appréciez déjà

Découvrez Figma Slides →

Le nouveau look de Figma design

L'interface repensée de Figma, également appelée UI3, est actuellement en version bêta. Découvrez comment accéder à UI3 →

Nous avons repensé Figma pour offrir davantage de convivialité et d’ergonomie à votre workflow, et de cohérence entre les produits Figma. Avec une interface plus accessible et de nouvelles façons de trouver vos outils préférés, notre objectif est de continuer de permettre à Figma de transformer vos rêves en réalité. Et ce n’est que le début.

Parcourez la nouvelle interface utilisateur de Figma design  →

Élaborez vos designs plus facilement

Les mises à jour suivantes sont disponibles gratuitement dans Figma design.

Du prototypage réactif à la disposition automatique, en passant par les kits d’interface disponibles dans l’onglet Assets, vos fonctionnalités Figma préférées fonctionnent désormais comme vous le souhaitiez.

Kits d'interface

Nous avons directement regroupé les ressources de design d’Apple, le Material Design de Google et les systèmes Figma design dans votre onglet Assets, pour vous permettre de débuter la création de vos designs sans avoir besoin de disposer de design system. Ces composants, styles et variables de haute qualité vous permettront de donner vie à vos idées et de les partager avec les autres en un rien de temps.

Commencez à créer vos designs avec les kits d’interface →

Améliorations de la mise en page automatique

Laissez la mise en page automatique se charger du gros du travail grâce aux nouvelles capacités et interactions plus intuitives.

• Appliquer la disposition automatique aux cadres imbriqués : utilisez Suggérer la disposition automatique pour appliquer automatiquement les cadres disposition automatique à plusieurs cadres imbriqués en une seule fois avec ⌃ Control ⇧ Shift A ou ⌃ Control Alt ⇧ Shift A.
• Ignorer la disposition automatique (définie auparavant sur position absolue) : maintenez enfoncée la touche ⌃ Control tout en faisant glisser un objet dans un cadre à mise en page automatique pour le régler sur position absolue.
• Aperçu de l’alignement sur les canevas : lorsque vous passez votre curseur sur les options Remplir le contenant, Largeur fixe ou Enserrer le contenu depuis la liste déroulante Alignement, des lignes s’affichent sur le canevas pour indiquer les modifications qui seront apportées à la zone de délimitation.
• La réorganisation des objets dans un cadre de la mise en page automatique est plus fluide et plus intuitive.
• Lorsque vous ajoutez la disposition automatique, les objets enfants du cadre sont configurés sur Espacement au lieu de Largeur fixe. Si vous redimensionnez un objet enfant pour l’adapter à la pleine largeur de l’objet parent, il sera configuré sur Remplir le contenant.

Jetez un œil à la keynote de la Config pour voir des démonstrations sur les mises à jour concernant la mise en page automatique !

Visionneuse de prototype réactive

Visualisez vos designs sur n'importe quelle taille d'écran grâce à une visionneuse de prototype qui s'adapte aux contraintes et aux paramètres de mise en page automatique. Le paramètre Responsive est disponible sur les deux vues de prototypage (Présentation et Aperçu) et sur l’application mobile Figma.

• Configurer un prototype sur Réactif depuis votre ordinateur →
• Configurer un prototype sur Réactif depuis votre appareil mobile →

Les pages dans FigJam

Les pages dans FigJam sont accessibles gratuitement à tous.

Vous pouvez désormais créer plusieurs pages dans FigJam, ce qui offre davantage d’espace pour explorer et ajoute une strate d’organisation au sein de vos fichiers. Vous pouvez même créer des séparateurs pour assurer la bonne organisation de vos pages.

Utilisez les pages pour :

• créer des espaces individuels pour des activités entre les groupes de travail ou les individus ;
• organiser des meetings récurrents dans FigJam entre les pages pour réduire la taille des tableaux et les délais de chargement ;
• séparer les flux de travail entre les pages.

Découvrir comment ajouter des pages dans FigJam →

Tout savoir de Config 2024

Si vous n'avez pas pu assister à l'événement en direct, vous pouvez consulter la keynote de Config 2024 et rattraper les enregistrements sur notre chaîne YouTube. Nous publierons d'autres vidéos au cours de la semaine à venir, alors n'oubliez pas de vous abonner pour rester au courant !