Config 2025 : emmener le design encore plus loin

Depuis que nous avons lancé Figma il y a dix ans, notre définition du design englobe plus d'éléments. Pour chaque lancement de produit ou de fonctionnalité, nous cherchons à vous proposer de meilleurs outils et de nouvelles solutions pour donner vie à vos designs. Souvent, vous nous inspirez les réponses. Que ce soit pour faciliter vos tâches quotidiennes ou vous proposer des fonctionnalités et des produits qui élargissent le champ des possibles, vos créations et vos méthodes de travail nous donnent l'inspiration nécessaire pour faire de Figma une source de vérité unique pour les équipes produit.

Mais le design ne se limite pas à aligner des pixels. Le design, c'est résoudre habilement des problèmes : s'attacher à la forme et à la fonction, et être animé par la volonté de donner vie à une idée. Dans un monde où l'IA facilite la création de logiciels comme jamais, le design va devenir à la fois plus central et plus puissant. C'est le savoir-faire, la qualité et l'angle de vue qui permettent à un produit de se démarquer.

Cette nouvelle génération de technologies révolutionnaires ne sera pas créée par hasard, c'est vous qui allez la concevoir et la développer. Nous voulons être à vos côtés à chaque étape du processus, pour vous aider à aller encore plus loin et à donner vie à vos designs, de l'idée jusqu'à la mise en ligne.

Figma Make : créez vos designs à l'aide de prompts et validez-les, le tout dans Figma

La frontière entre design et production a toujours été artificielle : elle vient d'une limite imposée par les outils, et non par les besoins du processus créatif. Les équipes les plus innovantes ont toujours trouvé le moyen de combler cet écart, mais cela a exigé des connaissances spécialisées et des workflows complexes.

C'est pour répondre à ce besoin que nous avons créé Figma Make

. Avec cette nouvelle fonctionnalité, vous pouvez transformer un design existant en prototype entièrement codé en quelques prompts. À partir de prompts simples, en langage naturel, Figma Make transforme vos designs en expériences interactives, qui préservent l'intention et les moindres détails de vos créations.

L'idée centrale de Figma Make, c'est que faire du design nécessite à la fois d'élargir et d'approfondir sa vision. Là où l'exploration rapide se heurte souvent à des contraintes de temps et de ressources, sans parler des problèmes posés par la basse fidélité des résultats, Figma Make offre de multiples points d'entrée. Votre prompt peut prendre la forme d'une phrase ou d'un fichier Figma. Vous pouvez itérer avec précision en vous concentrant sur une partie spécifique de votre prototype, puis donner des instructions en langage naturel pour modifier la zone de votre choix. C'est comme si vous pouviez pointer du doigt une partie spécifique d'une page web et dire : « ajoute un bouton "publier" à cet endroit ».

Une création statique ne peut pas transmettre beaucoup d'informations, ce qui complique l'alignement des acteurs ou le contrôle de la faisabilité du projet. Collaboratif par défaut et déjà intégré à notre plateforme, Figma Make constitue un puissant outil tout-en-un que les designers et les équipes produit peuvent utiliser pour définir, itérer et peaufiner leurs idées, tout en bénéficiant d'une source unique de vérité.

Nous déploierons d'autres fonctionnalités de Figma Make dans les semaines et mois à venir afin de donner un contrôle et une précision accrus aux designers.

Figma Sites : du design à la mise en ligne

Depuis des années, notre communauté rêve de pouvoir transformer des designs et des prototypes Figma en applications et sites web fonctionnels d'un simple clic. Cela permettrait non seulement de franchir ce qui est souvent la dernière étape du processus, mais aussi d'aider les équipes à surmonter de nombreux aléas du parcours de développement de produits. Avec Figma Sites

, les équipes peuvent mettre en ligne leurs designs d'un seul clic.

Avec des mises en page responsive qui s'adaptent parfaitement à tous les formats d'écran, des composants interactifs et des outils de prototypage intuitifs, Figma Sites vous permet de créer des expériences web dynamiques sans quitter la plateforme Figma. Bientôt, vous pourrez enrichir vos designs avec des interactions et des animations de code personnalisées. En sélectionnant une frame et en cliquant sur « create code from design » (créer du code à partir du design), vous pouvez utiliser la nouvelle fonctionnalité prompt-to-code de Figma Make afin de générer des animations et des interactions pour votre site. Le futur CMS facilitera la mise à jour du contenu du site web à la volée par tout utilisateur.

Grille : passez facilement des formes libres aux designs structurés

Figma Make et Figma Sites aident à passer plus facilement du design à la mise en ligne. La grille, notre nouvelle option de disposition automatique dans le panneau de design de Figma, va jouer un rôle majeur pour accélérer ce processus.

Les grilles jouent un rôle fondamental dans le design depuis les premières presses à imprimer, car elles permettent d'aligner le texte et les images. L'évolution des grilles, depuis la théorie du Bauhaus (qui en a fait des outils de structure et d'organisation visuelle) jusqu'aux paradigmes modernes de mise en page web avec les grilles CSS et Flexbox, démontre l'importance continue de ces éléments. Les systèmes de grille actuels offrent une flexibilité et un contrôle sans précédent, et constituent au fond un dispositif qui contraint et stimule la créativité en même temps.

Bien que les grilles soient un élément essentiel de la suite d'outils de tout designer, elles ont été difficiles à mettre en œuvre correctement et de manière responsive dans Figma. Nous savons que les designers ont dû trouver des solutions pour contourner ces limites et créer des imbrications complexes de frames à disposition automatique. Pour vous proposer des mises en page plus flexibles, un contrôle accru et une réactivité optimale, nous avons entièrement repensé le fonctionnement des grilles. Les designers peuvent répartir les éléments sur plusieurs cellules et voir les mises en page s'ajuster en temps réel lorsque les frames sont redimensionnées. Grâce à un contrôle précis du dimensionnement des colonnes et des lignes de la grille, à la superposition des éléments sans la complexité des frames et à la traduction directe du CSS dans Dev Mode, les grilles simplifient la transition entre le design et la mise en ligne, tout en répondant aux exigences d'un design responsive moderne.

Figma Draw : apportez une expressivité et une texture uniques à vos calques vectoriels

L'un des atouts de Figma réside dans la possibilité de passer avec fluidité des premières ébauches à des mises en page structurées, comme le permettent les grilles. Lorsque nous avons créé Figma, nous avons remis en question le traitement habituel des réseaux vectoriels en proposant aux designers une nouvelle façon de dessiner les tracés. Au fil du temps, il nous a paru nécessaire de faire évoluer cette base, d'autant plus que l'expression visuelle des marques devient de plus en plus importante au sein des produits et des expériences web.

Aujourd'hui, nous engageons un effort important pour accroître les capacités visuelles de l'éditeur Figma. Nous avons entièrement remanié notre fonctionnalité d'édition vectorielle, résolvant au passage des problèmes anciens liés aux opérations booléennes, à l'aplatissement et au contour des tracés. Nous sommes ravis de vous présenter Figma Draw

, une gamme d'outils optimisés pour la conception visuelle et la création de formes libres.

Vous remarquerez immédiatement l'interface focalisée de Figma Draw : des vignettes de calques plus grandes, de nouveaux outils spécialisés et des curseurs de réglages bien visibles. Les commandes auparavant cachées dans les panneaux déroulants sont désormais directement accessibles dans le panneau des propriétés. L'édition vectorielle a été transformée : vous pouvez désormais sélectionner et modifier plusieurs vecteurs à la fois et accéder aux actions fréquentes grâce à un nouveau menu de sélection situé au-dessus de la barre d'outils. Nous avons entièrement repensé les opérations booléennes pour fluidifier l'expérience. De plus, des fonctionnalités telles que la sélection multiple des vecteurs et le créateur de formes facilitent la création de formes complexes. Avec les tracés dynamiques et à largeur variable, le texte curviligne, les effets de texture et de bruit, le flou progressif, les remplissages de motifs et l'origine précise de la rotation, les possibilités de création qui s'offrent à vous se multiplient. Les variables de couleur de votre design system peuvent être appliquées aux illustrations pour qu'elles s'accordent harmonieusement aux modes clair ou sombre.

Nous avons la conviction que les illustrations sont une partie essentielle du design. Ces nouveaux outils lèvent les barrières qui séparent vos idées de leur expression. Nous avons hâte de découvrir ce que vous allez créer avec Figma grâce à ces nouvelles possibilités d'expression visuelle.

Figma Buzz : des designs qualitatifs dans tous les formats

Bien que Figma soit devenu une source de vérité pour le design et le développement de produits, nous savons que vous créez bien plus que des sites web et des applications. Notre propre brand studio utilise Figma pour créer de nombreux contenus, des assets pour les réseaux sociaux au matériel et produits spécifiques à nos événements, et nous savons que vous êtes nombreux à le faire également. Pourtant, Figma n'a pas été spécifiquement conçu pour ce type d'objets, ni pour les équipes qui les créent.

C'est pourquoi nous sommes ravis de vous présenter Figma Buzz

, un espace dédié qui permet à toute votre équipe de créer des assets dès que nécessaire, avec votre expertise en design comme moteur. Avec Figma Buzz, vos équipes peuvent produire tous leurs contenus visuels en conservant la cohérence de votre marque, des assets pour les réseaux sociaux en passant par du matériel événementiel, le tout en utilisant des modèles personnalisables et des expériences d'édition focalisées. La vue en grille intuitive et les outils de création groupée contribuent à optimiser vos workflows, et les options d'exportation, conjuguées à notre nouvelle licence Content, rendent ces capacités accessibles à tous ceux qui en ont besoin, quelle que soit leur expertise en design.

Nous souhaitons faire de Figma un espace où vous pouvez tout faire : prototyper, peaufiner, itérer et faire naître vos idées, jusqu'à l'aboutissement de votre projet. De l'intégration directe du code dans le plan de travail à la publication sur le web avec Figma Make et Figma Sites, en passant par la réinvention des outils de design fondamentaux avec la grille et Figma Draw, jusqu'à la multiplication des possibilités de création avec Figma Buzz, nous voulons vous aider à aller encore plus loin, de l'idéation jusqu'à la mise en ligne.