Figma Make : une nouvelle façon générer des designs avec des prompts, de les tester et de les modifier
Aujourd’hui, nous lançons Figma Make, une nouvelle fonctionnalité de génération de code à partir de prompts qui vous aide à explorer, itérer et peaufiner rapidement vos créations, que ce soit en générant des prototypes en haute fidélité ou en plongeant dans les détails du design et du code.
Partager Figma Make : une nouvelle façon générer des designs avec des prompts, de les tester et de les modifier
Le design est l’art de la résolution de problèmes. Mais la résolution de problèmes n’est pas linéaire : le début, la fin et l'évolution du processus dépendent de l’étape où vous vous trouvez et de la direction envisagée. Chez Figma, nous cherchons constamment des moyens de simplifier le passage de l’idée au produit fonctionnel. Malheureusement, nombre de grandes idées ne sont pas explorées à cause d'un manque de temps, d’outils ou de connaissances. Aujourd’hui, nous lançons Figma Make, un nouvel outil prompt-to-code pour les designers et les équipes produit. À chaque étape du processus, Figma Make permet d’explorer les possibilités, que ce soit pour tester des orientations de design, modifier le code ou créer un POC en quelques prompts.
Rendre vos designs suffisamment réalistes pour pouvoir interagir avec eux peut être chronophage ou nécessiter du codage. Nous avons créé Figma Make pour vous permettre d'expérimenter réellement vos designs, au lieu de simplement imaginer l'effet qu'ils produiront. Il suffit de partir d'un design et d'indiquer comment vous souhaitez l'animer à l'aide d'un prompt.
Note sur notre modèle :
Figma Make utilise actuellement Claude 3.7 Sonnet. Nous ajouterons d’autres modèles à l’avenir.
Partez d'un design, pas d'une page blanche
Nous sommes convaincus que l’IA générative va changer qui peut concevoir des designs et comment. À l'ère de l'IA, le design va devenir encore plus important. Pourquoi ? Parce que le processus de design est rarement linéaire. En design, l’inspiration peut se manifester n’importe quand, et pas uniquement face à une page blanche. Elle peut venir d'un simple croquis, tout comme d'un prototype abouti.
Avec Figma Make, vous n'avez pas à partir de zéro. Vous pouvez fournir le design au modèle en copiant vos frames existantes à partir de Figma Design, tout en préservant leur structure et leurs métadonnées. Ensuite, à partir de prompts simples, en langage naturel, Figma Make peut transformer ces designs en expériences interactives que vous pouvez réellement actionner, et qui préservent l’intention originale de votre design.
Rendez vos designs interactifs en quelques minutes
Un design statique ne peut pas transmettre beaucoup d’informations, ce qui complique l’alignement des parties prenantes ou l'évaluation de la faisabilité. Figma Make offre de nouvelles possibilités aux équipes, tout au long du processus de design :
- Prototypage interactif : transformez des designs statiques en prototypes entièrement interactifs. Ajoutez des animations, des boutons interactifs et collectez des retours en temps réel, le tout sans code complexe.
- Données dynamiques : testez les fonctionnalités avec des données réelles (téléchargez des fichiers, visualisez les informations de manière dynamique et testez les designs en conditions réelles).
- Adaptations responsive : ajustez vos designs pour différents formats. Créez une version desktop de votre application mobile pour la tester sur plusieurs plateformes.
Au-delà du niveau de contrôle et de flexibilité offert, la possibilité d'intégrer des bases de données et des design systems tiers apportera bientôt à vos explorations une forme en plus d'une fonction.
Exploration multijoueurs en temps réel
Collaboratif par nature et déjà intégré à la plateforme Figma, Figma Make est un puissant outil tout-en-un que les designers et les product managers peuvent utiliser pour définir, itérer et peaufiner leurs idées tout en bénéficiant d’une source unique de vérité.
Chaque membre de l'équipe peut ajouter des fonctionnalités, incorporer des données ou tester de nouveaux modèles d'interaction, le tout au sein du même fichier et en temps réel, quel que soit sa fonction ou son bagage technique. En supprimant la barrière du code, Figma Make permet à chaque membre de l’équipe de contribuer de manière significative à l’expérience de design.
Un point-and-prompt précis
Figma Make propose une édition intuitive qui se rapproche de la façon dont les designers communiquent naturellement. Vous pouvez simplement pointer un élément et décrire le changement souhaité : « Ce bouton doit déclencher une animation » ou « Cet élément doit réagir au défilement ». Cette précision élimine l’écart habituel entre l’intention de design et sa mise en œuvre fonctionnelle. L’approche structurée préserve également votre design system et la hiérarchie des composants tout en ajoutant des comportements interactifs, ce qui maintient la fidélité du design tout au long du processus.
Un workflow fluide, du plan de travail au code
Figma Make s’intègre directement à votre workflow Figma existant, de Figma Design à Figma Sites. Cela crée un chemin continu, qui va du concept initial au prototype interactif et au site publié, sans avoir besoin de changer de contexte ni de recréer ce qui a déjà été fait avec différents outils.
Élargir les possibilités du design
Plutôt que de remplacer le travail itératif et minutieux tellement important pour le processus de design, Figma Make le renforce : il vous aide à valider vos concepts plus rapidement, à explorer des solutions plus en profondeur et à communiquer vos idées de manière plus efficace. Notre objectif est d’aider les designers à passer aisément de la réflexion à la réalisation en validant rapidement des idées, tout en préservant le savoir-faire et l’intention de leurs design, ce qui leur permet de créer des produits plus aboutis en moins de temps.
Figma Make accélère l’idéation quel que soit le niveau d’expertise, en vous faisant entrer plus rapidement dans un état de flow et, nous l'espérons, en rendant l’ensemble du processus plaisant. Nous avons hâte de voir ce que vous allez créer.
