La review de Config 2024
Nous lançons Figma AI, UI3 et Figma Slides, ainsi que d'importantes mises à jour de Dev Mode et des améliorations de vos fonctionnalités préférées.
Partager La review de Config 2024
Inscrivez-vous pour la version bêta
Figma AI et UI3 sont actuellement en version bêta limitée et seront déployés progressivement. Vous pouvez obtenir la version bêta directement depuis Figma : en bas de l'écran, cliquez sur « ? » et sélectionnez Rejoindre la liste d'attente UI3+AI. Pour en savoir plus, consultez notre Centre d'aide.
Dans le monde du logiciel, les dernières décennies ont été marquées par une croissance exponentielle. Cette tendance est loin d'être en bout de course. Dans un monde où l'IA sera capable de sortir des interfaces totalement fonctionnelles à partir d'une simple invite, le design devient plus important qu'il ne l'a jamais été. En fait, il va faire la différence entre les excellents produits et les solutions faciles, et la mission de Figma est de vous aider à faire le tour de toutes les options possibles. Aujourd'hui, nous lançons de nombreuses fonctionnalités pour vont accompagner le processus de bout en out et libérer la créativité des équipes, pour les aider à aller plus rapidement de l'idée au produit.
Figma AI : plus haut, plus vite
Avec l'IA, le passage de l'idée au produit est plus concret que jamais. Chez Figma, nous avons une vision unique du rôle de l'IA pour le design car nos équipes design créent pour d'autres designers. C'est également un défi que nous avons à relever. Il est donc primordial pour nous de faire plus que suivre la tendance et de fonder nos propositions sur les besoins réels des utilisateurs.
Recherche visuelle : trouvez plus facilement ce que vous cherchez
Nous savons que travailler sur un nouveau projet n'implique pas toujours de recommencer de zéro. Il peut alors être difficile de retrouver une capture d'écran ou un composant existant. Nous lançons une nouvelle fonctionnalité de recherche visuelle pour vous aider à trouver plus facilement ce que vous cherchez à partir d'une seule référence. Avec une capture d'écran, une frame ou même un croquis réalisé avec l'outil Crayon, vous pourrez tout retrouver, que ce soit une icône ou un fichier de design entier – à partir du moment où vous avez accès au fichier d'équipe qui contient l'élément recherché. Et avec la recherche de ressources améliorée, Figma utilise désormais l'IA pour comprendre le contexte de vos requêtes de recherche. Vous pouvez facilement retrouver vos assets, même si les termes de votre requête se correspondent pas à leur nom.
Mises à jour pour booster l'efficacité : restez concentré
Les designers passent beaucoup de temps sur des tâches fastidieuses, temps qu'ils ne peuvent pas dédier au cœur de leur métier. Nous lançons un lot de fonctionnalités augmentées par l'IA pour automatiser ces tâches et vous aider à être plus efficace. Avec des nouvelles capacités, vous pouvez générer des images réalistes, produire et ajuster des textes, monter automatiquement des prototypes et renommer vos calques en un clic.
Fonctionnalité Make designs : un nouveau départ
Une fois face à une page blanche, vous ne savez pas par où commencer ? La fonctionnalité Make designs, que vous trouverez dans le nouveau volet Action, vous permet de générer des mises en page d'interfaces et des déclinaisons de composants à partir d'invites textuelles. Décrivez ce dont vous avez besoin, et Figma vous fournira un premier jet pour vous aider à explorer différentes directions et à lancer votre processus créatif.
Pour construire ces fonctionnalités, nous avons utilisé de grands modèles de langage prêts à l'emploi. Cependant, pour qu'ils vous soient réellement utiles, nous savons que ces modèles doivent s'adapter à la façon dont vos équipes travaillent dans Figma. En savoir plus sur notre approche de l'entraînement d'IA.
Nos fonctionnalités IA seront gratuites pour tous les utilisateurs de la version bêta, qui durera jusqu'à fin 2024. À mesure que nous comprenons comment ces outils sont utilisés et quels sont les coûts sous-jacents pour Figma, il se peut que nous devions fixer des limites d'utilisation pour la version bêta. Lorsque Figma AI sera disponible pour tous, nous fournirons des indications claires sur les prix. Notre objectif est de vous aider à travailler plus efficacement tout en améliorant ces fonctionnalités de manière évolutive. En savoir plus.
En savoir plus sur notre vision de l'IA et notre nouvelle suite de fonctionnalités augmentées par l'IA.
UI3 : la refonte de Figma
Aujourd'hui, nous sortons UI3, la troisième refonte de l'interface de Figma depuis son lancement en bêta fermée il y plus d'une décennie. Avec son plan de travail plus immersif, son UI centrée sur les composants et une nouvelle gamme d'icônes, UI3 est basée sur votre manière de travailler et motivées par les retour de la communauté. Depuis le lancement de Figma, nous avons ajouté de nouvelles fonctionnalités pour améliorer l'expérience utilisateur et rendre Figma plus puissant. Après des années d'ajouts de fonctionnalités et de mises à jour incrémentales, nous avons envie de vous donner plus d'espace au sein de Figma, tout en respectant votre mémoire musculaire et les modèles de workflow que vous avez mis en place au cours des années.
Au-delà de la résolution de points de friction évidents, nous posons les jalons du futur de Figma. Dotée de modèles cohérents, de systèmes et d'une structure qui ouvre Figma à d'autres horizons sur toute la plateforme, cette refonte reflète ce changement.
Nous savons que nos utilisateurs auront besoin de temps pour s'adapter à ces changements, c'est pourquoi nous les déployons progressivement. Vous pouvez repasser à l'interface précédente pendant que nous améliorons UI3 à partir de vos retours. Nous finirons par migrer tous les utilisateurs vers UI3. En savoir plus.
Jetez un œil aux coulisses de la refonte de Figma.
Figma Slides : créez, collaborez et présentez votre travail
Nos méthodes de travail ont subi des changements drastiques au fil des années, mais les présentations n'ont pas suivi la même cadence. C'est pour cela que tant de designers se sont tournés vers Figma pour en créer. L'année dernière seulement, les utilisateurs ont créé 3,5 millions de decks dans Figma. Pourtant, la collaboration avec des non-designers ou les présentations à des personnes ne connaissant pas l'outil requéraient souvent des solutions de contournement fastidieuses et des workflows bricolés. Aujourd'hui, pour créer un deck convaincant il n'est plus nécessaire de faire des pieds et des mains ou de sacrifier des commandes de design essentielles. Nous avons intégré tout ce que vous aimez dans Figma – le mode multijoueur, les designs en direct et la vue en grille dézoomée – dans un outil de création de slides qui vous semble familier au premier coup d'œil.
Figma Slides est en version bêta gratuite. Début 2025, il sera disponible pour les détenteurs de forfaits gratuit et payants, à partir de 3 et 5€ par utilisateur et par mois. En savoir plus.
À vos decks : Découvrez pourquoi nous avons créé Figma Slides et comment vous lancer.
Mises à jour de Dev Mode : réduisez l'écart entre design et développement
À Config 2023, nous avions présenté Dev Mode, un nouvel espace de travail dans Figma pour les développeurs. Aujourd'hui, nous publions des mises à jour de Dev Mode pour être plus en adéquation avec l'itérativité du processus de design, accélérer les workflows des développeurs et renforcer les liens entre design et code.
Restez en phase grâce à de nouvelles vues et de nouveaux statuts
La livraison ne se fait pas à un instant T. Il s'agit en réalité d'un processus itératif et non linéaire, au cours duquel les équipes font des aller-retour au fil de l'évolution du design et du code. Notre nouvelle vue Ready for Dev (Prêt pour le développement) réduit le bruit et aide les développeurs, les designers et les autres parties prenantes à savoir exactement comment faire avancer les projets. Grâce à la vue Focus et à la possibilité de marquer les maquettes comme étant terminées, les développeurs peuvent rester concentrés sur le projet tout en étant synchronisés avec leurs collaborateurs.
Vue Ready for Dev
Les développeurs peuvent avoir du mal à trouver les éléments sur lesquels ils doivent travailler parmi les centaines d'essais et d'explorations de leurs collègues designers, surtout lorsque leurs travaux sont répartis sur plusieurs pages. La nouvelle vue Ready for Dev (Prêt pour le développement) permet aux développeurs de chercher, filtrer et analyser les mises à jour au sein d'une liste, ainsi que d'en voir l'auteur et l'heure de création afin d'avoir tout le contexte nécessaire.
Vue focus
Notre nouvelle vue Focus permet aux développeurs de supprimer les distractions et de ne voir que ce qui est prêt pour le développement. Ils ont accès à toutes les modifications et mises à jour de statut apportées au design depuis le début, y compris un instantané de la maquette avant la dernière révision. Une fois leur travail accompli, les développeurs peuvent marquer le design comme « Terminé » pour boucler la boucle.
Un suivi des statuts optimisé
Nous savons que les designs changent constamment et que des modifications de dernière minute sont inévitables. Désormais, lorsqu'un designer modifie une maquette marquée Ready for dev, il peut tenir les développeurs au courant et laisser des notes expliquant ce qu'il a modifié. Les développeurs recevront une notification à ce sujet pour savoir exactement sur quoi ils doivent travailler.
Conservez efficacité et cohérence avec Code Connect
Les design system font le lien entre design et code et aident les équipes qui scalent à avancer plus vite. Mais les bénéfices d'un design system dans Figma se perdent si les développeurs ne s'en servent pas. C'est la raison d'être de Code Connect, qui fait apparaître le code des design systems et le rend plus utile au sein des frameworks et des langages. Aujourd'hui, nous sommes heureux de rendre Code Connect disponible pour tous et de publier des améliorations comme l'affichage d'extraits de code connectés dans le bac à sable des composants, un nouvel outil pour optimiser la configuration, ainsi que la compatibilité avec React Native, iOS, Android, et bien plus.
Ces mises à jour sont désormais disponibles pour les utilisateurs de Dev Mode dotés d'un forfait Organisation ou Entreprise. En savoir plus.
Améliorations de l'expérience : auto-layout, kits UI et visionneuse de prototypes responsive
Nous sortons une série de mises à jour pour améliorer l'utilisabilité de fonctionnalités que vous adorez déjà. Voici ce qui va changer :
L'auto-layout est plus intuitif
Nous avons mis à jour l'auto-layout pour le rendre plus prévisible lorsque vous en avez besoin et plus facile à oublier le reste du temps. Désormais, Figma peut non seulement suggérer quand plusieurs frames d'auto-layout peuvent être nécessaires pour un élément de design complet, mais aussi créer ces frames pour vous. Vous gagnerez ainsi du temps en n'ayant pas à appliquer l'auto-layout frame par frame dans un design. De plus, vous pouvez définir une position absolue en maintenant la touche Ctrl enfoncée pour ignorer l'auto-layout lorsque vous faites glisser un élément de design dans une frame. En savoir plus.
Les kits UI vous aident à démarrer rapidement
Retrouvez les kits UI d'Apple iOS, de Google Material Design 3 et du Simple Design System de Figma directement dans votre panneau des assets. Chaque kit UI comprend des ensembles de composants et des exemples de maquettes, qui vous permettent de commencer à partir de mises en page complètes. Glissez simplement un modèle d'écran entier comme point de départ, et vous pourrez le modifier entièrement avec les composants de la bibliothèque. De plus, chacun de ces kits UI est complété par Code Connect. En savoir plus.
Lancez-vous avec une gamme de kits UI sélectionnés auprès de partenaires comme Google.
La visionneuse de prototypes est responsive
Visualisez vos designs sur n'importe quelle taille d'écran grâce à la nouvelle visionneuse de prototypes responsive. Avec une nouvelle option de menu pour prévisualiser ou présenter des prototypes, la visionneuse respecte les contraintes et les propriétés d'auto-layout lorsque vous redimensionnez la fenêtre ou que vous sélectionnez un autre périphérique.En savoir plus.
Bientôt disponibles : des améliorations pour les agences et les freelances
Améliorer Figma va au-delà de l'interface ou des capacités. Cela concerne aussi des problématiques d'expérience utilisateur qui peuvent être moins visibles, comme par exemple la facturation. À l'avenir, nous voulons faciliter la collaboration des freelances et des agences avec leurs clients externes, optimiser la livraison de projets et simplifier la facturation. Nous vous donnerons des nouvelles au fil de l'avancement de ces projets.En savoir plus.
Dans un avenir de plus en plus influencé par l'IA, le savoir-faire sera un facteur de différenciation. C'est pourquoi nous allons continuer à développer les capacités de Figma, tout en améliorant la qualité des logiciels que vous utilisez au quotidien. Nous espérons que vous vous réjouissez des annonces d'aujourd'hui et nous sommes reconnaissants de pouvoir créer pour vous.
