Figma : Claude transforme rapidement les concepts en code, permettant de créer un site web en une journée

Les ingénieurs de Figma ont déclaré qu’avant l’apparition d’Anthropic, les modèles d’IA manquaient clairement de goût en matière de design et de personnalité. Vous leur demandez de générer des designs, et le résultat est souvent uniforme. Claude permet à Figma de disposer d’un modèle d’IA doté de sensibilité esthétique, simplifiant ainsi de nombreux processus de communication et de modification. Comme l’a dit Jensen Huang, le logiciel SaaS et l’IA ne sont pas en opposition, mais permettent à l’équipe de travail d’être plus efficace dans l’accomplissement de leurs tâches.

Figma via la génération d’applications en langage naturel

Le chef de produit de Figma, Alex Mullans, a indiqué que dans le flux de travail traditionnel de conception, la livraison du design est souvent déviée de l’idée initiale en raison de limitations d’implémentation. En intégrant la génération de design et de code dans une même plateforme, l’équipe peut maintenir en permanence la maîtrise de l’intention de conception tout au long du processus de développement, réduisant ainsi les coûts liés à la communication répétée. Figma utilise Claude pour l’opération en langage naturel, permettant aux designers d’économiser énormément de temps de développement, en transformant des designs statiques en prototypes ou applications interactifs, raccourcissant ainsi la distance entre concept et validation.

Claude supporte Figma Make, permettant aux utilisateurs de créer rapidement des prototypes interactifs ou des applications fonctionnelles sans écrire de code. Designers, développeurs et chefs de produit peuvent accomplir en quelques minutes des tâches qui prenaient auparavant beaucoup de temps, en confiant les tâches répétitives et fastidieuses au système. Figma souligne que ce mode de fonctionnement permet à l’équipe de consacrer plus de temps à explorer différentes directions de design et idées de produits, tout en permettant aux membres sans expérience en design d’exprimer leurs idées de manière visuelle, élargissant ainsi la participation au processus de conception.

Utiliser Claude permet de créer un site web en une journée

Lors du choix du modèle d’intelligence artificielle, Figma met l’accent sur l’équilibre entre la qualité du code, la compréhension de l’intention de conception et la vitesse d’exécution. Mullans indique que Claude a démontré une performance stable lors de plusieurs évaluations, pouvant concilier précision et besoins des utilisateurs. L’équipe de Figma a également souligné que la performance de Claude en termes de sensibilité esthétique permet de générer des résultats non seulement fonctionnels mais aussi conformes à l’esthétique du design. Holly Li, chef de produit chez Figma Make, partage qu’elle a passé environ 30 heures à apprendre React pour créer un site web, mais qu’avec l’aide de Claude, elle a pu terminer la refonte du code et l’ajout de fonctionnalités en seulement un jour.

Holly Li indique que chaque mise à jour de Claude apporte des améliorations significatives. Désormais, avec un seul prompt, il est possible de générer de beaux designs comprenant des dégradés, des polices variées et des effets d’animation astucieux. Même certains designers de l’équipe Figma ont dit : « Claude est génial, je suis ému jusqu’aux larmes. »

Claude permet de piloter la programmation par langage naturel, apportant une révolution dans le design

Figma intègre Claude dans ses deux produits, « Figma Sites » et « Figma Make », permettant de transformer rapidement des concepts créatifs en designs pilotés par code. Les designers peuvent ajouter des effets interactifs à des designs existants dans Figma Sites en utilisant le langage naturel, par exemple « ajouter un effet de basculement au survol de la souris », et Claude générera rapidement un code de haute qualité tout en conservant les détails du design original.

Figma Make : créer des prototypes interactifs ou des applications à partir de descriptions ou de fichiers de design existants. Figma Make peut transformer une idée en logiciel réel, en démarrant à partir de zéro ou en utilisant un design existant dans Figma. L’utilisateur entre une description de ses besoins ou copie un modèle pixel-perfect depuis Figma, et Claude le convertit en un prototype complet avec une logique complexe et des animations.

L’intelligence artificielle change la façon dont les artistes et designers travaillent : avec de simples prompts, ils peuvent générer des expériences interactives. Les équipes de conception et de développement n’ont plus besoin de créer manuellement des prototypes ou d’écrire beaucoup de code pour valider rapidement leurs idées. Ce développement résout également les problèmes de communication fastidieuse entre designers et ingénieurs.

Cet article Figma : Claude transforme rapidement les concepts en code, permettant de créer un site en une journée, est initialement publié sur ABMedia.