Figma Make a été lancé en version bêta ouverte à l'occasion de Config 2025. Il est en cours de déploiement pour les utilisateurs disposant d'une licence Full, sur tous les forfaits payants dans les semaines à venir. En savoir plus sur ce qui est inclus dans la version bêta.
Qu'est-ce que Figma Make ?
Figma Make est un outil basé sur l'IA de génération de code qui vous permet de transformer des idées et des Figma Designs existants en prototypes fonctionnels, applications Web et interfaces utilisateur interactives. Grâce à la conversation, vous pouvez concevoir, itérer et améliorer vos prototypes fonctionnels et vos applications Web.
Utilisez Figma Make pour :
- Prévisualiser l'apparence de vos designs dans une forme fonctionnelle
- Transformer les propositions et les idées en prototypes pour affiner votre approche produit
- Explorer diverses solutions pour résoudre un problème
Figma Make propose plusieurs fonctionnalités qui facilitent la transformation de vos Figma Design en prototypes fonctionnels :
- Joignez vos designs Figma, composants et contenus Communauté existants à vos invites
- Au fur et à mesure que vous poursuivez une conversation, indiquez les parties spécifiques de l'aperçu que vous souhaitez améliorer
- Collaborez avec votre équipe dans les mêmes conversations, et modifiez simultanément le code généré
- Partagez des aperçus de votre prototype fonctionnel ou de votre application Web avec d'autres personnes
- Publiez votre prototype fonctionnel ou votre application Web en tant que site Web avec une URL dédiée
Si la version bêta de Figma Make a déjà été déployée sur votre compte et que vous souhaitez commencer, consultez Créer et modifier un prototype fonctionnel ou une application Web. Vous pouvez créer des fichiers Figma Make de la même manière que vous créez d'autres fichiers dans Figma. Ouvrez vos Brouillons dans le navigateur de fichiers, cliquez sur + Créer dans le coin supérieur droit, puis sélectionnez Make.
Si vous êtes un utilisateur avec une licence Full avec un forfait payant et que vous ne voyez pas l'option Make lorsque vous créez des fichiers, cela signifie que la version bêta n'a pas encore été déployée pour vous. L'accès se poursuivra dans les prochaines semaines !
Familiarisation
Figma Make propose une interface intuitive pour vous permettre de commencer à générer des prototypes à partir de vos designs aussi rapidement que possible. Figma Make comporte deux zones principales : le chat IA, où vous pouvez interagir avec le modèle, et l'aperçu, où vous pouvez voir une version fonctionnelle de votre application et modifier le code.
Discuter avec l'IA
Le chat IA dans Figma Make est l’endroit où vous partagerez des Figma Designs et des images, converserez avec le modèle pour générer votre prototype fonctionnel ou application Web, et itérerez en utilisant des invites.
Importer votre design dans Figma Make
Pour utiliser vos designs existants pour générer une application, cliquez sur Joindre le design et sélectionnez le design que vous souhaitez utiliser. Vous pouvez joindre plusieurs designs pour fournir au modèle des indications supplémentaires.
Vous pouvez également coller des cadres et des composants de vos designs directement dans le chat IA.
Utiliser des images pour créer avec Figma Make
Avez-vous une idée qui n’est pas encore dans un fichier de design ? Ajoutez des images dans le chat IA pour lancer votre application. Pour utiliser une image, cliquez sur Joindre une image et sélectionnez l'image que vous souhaitez ajouter, ou collez l'image directement dans le chat.
Guidez l'IA par la conversation
Vous avez des idées inspirantes ou des instructions que vous souhaitez que le modèle suive ? Écrivez-les simplement dans le chat IA et travaillez de manière itérative avec Figma Make pour donner vie à ces idées.
Itérer avec la conversation et l'outil d'édition
Améliorer votre prototype fonctionnel ou votre application Web est aussi simple que de mener une conversation dans le chat IA. Vous pouvez continuer à ajouter des designs, des images et à saisir du texte dans la boîte de dialogue pour affiner le résultat de votre conversation.
Vous pouvez également utiliser l'outil d'édition de Figma Make pour cibler des parties spécifiques de votre prototype fonctionnel ou de votre application Web et y apporter des modifications directes. Selon l’élément, vous pouvez modifier des aspects tels que le remplissage, les marges, les couleurs et les propriétés du texte. Vous pouvez également utiliser l'outil d'édition pour indiquer les modifications spécifiques que vous souhaitez voir.
Créez des prototypes fonctionnels, des applications Web et des interfaces utilisateur interactives
Prêt à vous lancer ? Consultez Créer et modifier un prototype fonctionnel ou une application Web, où vous trouverez tous les détails qui vous aideront à démarrer avec le chat IA.
Une fois que vous avez votre prototype fonctionnel ou votre application Web, vous pouvez également le visualiser dans un aperçu dédié en plein écran, similaire aux prototypes de Figma Design.
Collaborez sur des prototypes fonctionnels et des applications Web et partagez-les
Après avoir créé un prototype fonctionnel ou une application Web, vous pouvez le partager avec vos coéquipiers ou n'importe qui sur le Web.
Vous pouvez partager l'aperçu de votre prototype fonctionnel ou de votre application Web avec qui vous voulez, en utilisant des autorisations précises pour contrôler l'accès et sécuriser vos concepts.
Dès que vous êtes prêt, publiez votre prototype fonctionnel ou votre application Web sur le Web public avec une URL dédiée fournie par Figma, ou attribuez un domaine personnalisé qu vous appartient.
Autorisations dans Figma Make
Vos autorisations déterminent les actions que vous pouvez exécuter dans les fichiers Figma Make et si vous pouvez apporter des modifications à un prototype fonctionnel ou à une application Web.
Partage des fichiers Figma Make pendant en phase bêta
Seules les personnes inscrites à la version bêta de Figma Make peuvent créer, interagir avec et visualiser les fichiers Figma Make. Si un fichier Figma Make est partagé avec quelqu'un qui n'est pas encore dans la version bêta, il verra une page d'erreur 404.
Les propriétaires de fichiers et toute personne disposant de l'autorisation de type peut éditer
associée à un fichier Figma Make peuvent publier le fichier sur le Web public. Une fois que les fichiers Figma Make sont publiés en tant que prototypes fonctionnels ou applications Web, ils seront accessibles sur le Web public. Cependant, les visiteurs du site ne peuvent pas accéder au fichier Figma Make utilisé pour publier le site.
Création de fichiers
Pour créer des fichiers Figma Make, vous devez avoir accès à la version bêta de Figma Make et disposer d'une licence Full avec un forfait payant.
Les personnes disposant d'une licence Collab, Dev ou View peuvent voir les fichiers Figma Make qui leur sont envoyés. Ils peuvent dupliquer des fichiers, mais ne pourront pas les modifier.
Modification, affichage et partage
Selon vos autorisations, vous pouvez effectuer différentes actions dans un fichier Figma Make.
- Les personnes disposant de l'autorisation
peut éditer
peuvent joindre des designs, des images, voir l'historique du chat et écrire des messages dans le chat IA. Elles peuvent voir l'aperçu en plein écran. Ils peuvent inviter d'autres éditeurs et des spectateurs à voir le fichier. Elles peuvent publier le fichier Figma Make sur le Web public. - Les personnes disposant d'une autorisation de type
peut voir
peuvent consulter les invites dans le chat IA et l'historique des discussions, mais elles ne peuvent pas rédiger leurs propres invites. Elles peuvent voir l'aperçu en plein écran. Elles peuvent inviter des spectateurs à consulter ce fichier.
Et ensuite ?
Pour commencer à utiliser Figma Make, consultez les articles suivants :
- Créer et éditer un prototype fonctionnel ou une application web
- Joindre des designs et des images à une invite
- Prévisualiser un prototype fonctionnel ou une application Web
- Publier, mettre à jour ou retirer de la publication un prototype fonctionnel ou une application Web
Des questions à propos de Figma Make ?
Si vous avez des questions concernant la version bêta de Figma Make ou son utilisation, consultez les FAQ Figma Make.