Figma transforme les idées en logiciels interactifs avec Claude

Figma est une plateforme collaborative de design et de développement qui permet aux équipes de créer des produits numériques — des concepts initiaux aux expériences livrées. Avec Claude, qui alimente Figma Make, Figma permet aux équipes de transformer rapidement leurs idées et leurs maquettes statiques en logiciels entièrement fonctionnels et interactifs, accélérant ainsi le passage de l'imagination à la réalité.

Résultats clés avec Claude

• Les designers, développeurs et chefs de produit créent des prototypes ou des applications fonctionnels en quelques minutes — sans avoir à écrire de code
• Les équipes explorent davantage d'idées de designs et de produits en automatisant les tâches chronophages
• Les non-designers peuvent désormais visualiser des idées, ce qui permet d'impliquer davantage de personnes dans le processus de design
• Claude Sonnet a toujours su garantir la qualité du code, l'intention du design et la rapidité

L'évolution du design

Figma a reconnu que le rôle du design évolue rapidement avec l'IA. En tant que plateforme de design de premier plan, l'entreprise a vu une opportunité d'aider les designers à étendre leur impact créatif — en leur permettant de donner vie à leurs créations — tout en invitant davantage de personnes dans le processus de design.

L'IA ouvre une nouvelle façon de visualiser rapidement des idées de design et de transformer des maquettes statiques en expériences interactives grâce à une simple requête. En intégrant cette capacité à Figma, les équipes peuvent explorer de nombreuses directions différentes sans avoir à créer manuellement des prototypes ou écrire du code.

Cette évolution s'inscrit également dans des changements plus larges du secteur. Alex Mullans, chef de produit chez Figma, a noté : « Le transfert traditionnel entre le design et le développement crée des frictions. Il y a des allers-retours où le développeur revient en disant "voici ce que j'ai construit", et cela ne correspond pas à la vision initiale. » La plateforme collaborative de Figma rapproche le design et le développement pour maintenir le savoir-faire et la qualité tout au long du processus.

Choisir Claude pour ses prouesses techniques et sa sensibilité au design

Lors de l'évaluation des modèles d'IA, Figma recherchait une solution capable de générer du code de haute qualité tout en comprenant l'intention et l'esthétique du design.

Mullans a décrit leur processus d'évaluation : « Nous évaluons régulièrement différents modèles. Claude offre systématiquement la bonne combinaison de rapidité, de précision et de compréhension de l'intention de l'utilisateur. »

La sensibilité au design de Claude le distingue également, a partagé l'équipe. Un ingénieur de Figma Make a expliqué : « Avant l'arrivée d'Anthropic, les modèles d'IA étaient certes intelligents, mais ils manquaient clairement de goût et de caractère. Si vous leur demandiez de générer un design, celui-ci était plutôt plat. Puis Anthropic est arrivé, et maintenant nous avons à la fois des modèles intelligents et des modèles dotés de goût. »

Holly Li, chef de produit chez Figma Make, a pu constater par elle-même les capacités de Claude. « J'ai passé 30 heures à apprendre React par moi-même pour construire mon site web. Avec Claude, j'ai refactorisé et amélioré tout ce code en une seule journée, en ajoutant des fonctionnalités que j'avais toujours voulues mais que je ne pouvais pas implémenter moi-même. »

L'équipe a identifié Claude Sonnet comme leur moment décisif — celui où la génération de code est devenue suffisamment bonne pour leur permettre de concrétiser leur vision de Figma Make.

L'interactivité via le langage naturel

Figma a intégré Claude dans deux produits transformateurs qui convertissent les idées en logiciels basés sur du code. Le premier permet aux designers travaillant dans Figma Sites d'ajouter de l'interactivité aux designs de sites web existants en décrivant ce qu'ils souhaitent — en sélectionnant des éléments et en tapant des requêtes en langage naturel comme « ajouter un effet de survol qui s'incline quand ma souris passe dessus ». Claude génère rapidement du code de haute qualité tout en préservant les détails du design original.

Le second produit, Figma Make, crée des prototypes ou des applications interactifs à partir de descriptions ou de designs Figma existants. Comme l'a expliqué Li : « Figma Make est un moyen de passer de l'idée au logiciel réel. Vous pouvez soit partir de zéro, soit partir d'un design existant que vous avez créé dans Figma. » Les utilisateurs peuvent rédiger une requête décrivant ce qu'ils veulent, ou copier leurs maquettes pixel-perfect depuis Figma Design, et Claude les transforme en prototypes entièrement fonctionnels avec une logique complexe, des animations et des comportements réactifs.

Li a exprimé leur philosophie du design : « L'IA doit s'adapter aux besoins des designers. Si vous avez déjà conçu le design parfait, vous ne devriez pas avoir à tout recommencer. Claude ajoute de l'interactivité tout en respectant chaque pixel que vous avez placé. »

L'équipe a constaté des améliorations remarquables à chaque mise à jour de Claude. Li a partagé : « Une requête génère maintenant des designs sophistiqués avec des dégradés, une typographie variée et des animations réfléchies. L'un de nos designers a même dit "Claude est tellement bon que j'ai envie de pleurer". »

Les nouveaux modèles accélèrent la vision

L'équipe Figma reste à la pointe de la technologie en testant en permanence les derniers modèles Claude.

« Sonnet 4.5 est un modèle très impressionnant », a déclaré Dylan Field, PDG de Figma. « Nous sommes très impressionnés par sa capacité à planifier à l'avance et à raisonner sur des bases de code complexes. » Field a expliqué comment le modèle a transformé les designs Figma en code fonctionnel. Il a souligné l'amélioration du flux de travail aller-retour entre Figma Design et Make — copier des designs, générer des prototypes fonctionnels, puis les intégrer dans le canvas de design pour itérer davantage et comparer les explorations côte à côte. « Nous ne savions pas à quel point cet aller-retour s'améliorerait avec Sonnet 4.5... cela a été une très bonne surprise », a-t-il noté. Field a qualifié l'expérience de « très agréable », ajoutant que le modèle « a déjà vraiment montré une différence significative » dans les capacités de Figma Make.

Figma a également introduit un paramètre de modèles expérimentaux, permettant aux utilisateurs d'accéder aux dernières versions — y compris le nouveau Claude Opus 4.6 — dès qu'elles sont disponibles dans Figma Make. « Claude Opus 4.6 génère des applications et des prototypes complexes et interactifs dans Figma Make avec une gamme créative impressionnante », a déclaré Loredana Crisan, Chief Design Officer chez Figma. « Le modèle traduit les designs détaillés et les tâches multicouches en code dès le premier essai, ce qui en fait un point de départ puissant pour les équipes qui souhaitent explorer et développer des idées. » Le paramètre expérimental permet aux équipes de repousser les limites grâce à de nouvelles capacités à mesure que Claude continue d'évoluer.

Chaque nouvelle version du modèle apporte aux équipes de nouvelles possibilités de création. Field a partagé : « Plus les modèles d'IA s'améliorent, plus Figma s'améliore. »

Rendre le design et la création de logiciels accessibles à tous

En réduisant les obstacles techniques, Claude permet à tous les types d'utilisateurs de Figma de valider plus rapidement leurs idées, d'explorer davantage de pistes créatives et d'apporter des perspectives diverses dans le processus de développement de produits.

La vitesse transforme ce qui est possible. Li a illustré cela avec sa propre expérience : « J'ai prototypé un nouveau flux produit avec Figma Make en cinq minutes. Avant, j'aurais littéralement été incapable de le faire seule en tant que chef de produit sans l'aide des équipes design et ingénierie. »

Cette accélération permet de créer des flux de travail entièrement nouveaux. Les premiers utilisateurs ont partagé des exemples convaincants : un designer a présenté un projet de startup à un investisseur en capital-risque en le prototypant pendant un week-end avec Figma Make, impressionnant l'investisseur avec une démo entièrement fonctionnelle. Un autre utilisateur a utilisé Make pour donner vie à un concept longtemps mis de côté — le rendre interactif a finalement relancé les discussions au sein de l'entreprise.

Au-delà de la productivité individuelle, Claude démocratise également la participation au développement de produits. Mullans a observé : « Les chefs de produit qui raisonnent en tableurs et en tableaux de données peuvent désormais créer des prototypes visuels pour communiquer leurs idées. Les ingénieurs peuvent rapidement maquetter des interfaces sans passer du temps sur le CSS. Tous les membres de l'organisation peuvent contribuer plus efficacement au processus de design. »

Le changement va plus loin que les outils — il transforme la façon dont les équipes abordent le développement de produits. Désormais, les ingénieurs peuvent concevoir, les chefs de produit peuvent prototyper et les designers peuvent livrer des logiciels. Figma Make estompe les frontières entre les différents rôles, aidant chacun à visualiser une idée, à participer au processus de design et à donner vie à un produit.

‍