Naviguer jusqu'au contenu principal

Figma Make

Prototypez. Optimisez. Déployez.
Vos idées prennent vie dans Figma Make.

Concevez et déployez

Utilisez Make localement pour créer dans n'importe quelle base de code, puis déployez directement en production. Bientôt disponible.

Les produits que vous aimez sont conçus dans Figma

Grâce à Figma Make, la transition entre l'idée et la fonctionnalité finale s'est tellement simplifiée que je ne peux pas imaginer pouvoir m'en passer.

Photo en noir et blanc de Brian Muehlenkamp
Brian Muehlenkamp

Product manager, Ticketmaster

Créez ce que vous voulez tout en gardant le contrôle.

Figma Make est un partenaire très performant, qui vous permet de définir vous-même les détails. Commencez avec le contexte de design, un prompt, puis modifiez le projet sur le plan de travail.

Créez rapidement des prototypes réalistes.

Commencez à partir de votre base de code et de vos actifs de design, ou à partir de zéro.

Créez ce que vous voulez tout en gardant le contrôle.

  • Une fenêtre pop-up affiche les kits Make disponibles avec un curseur survolant le bouton « Ajouter »

    Ajoutez le contexte de design à tous vos Makes.

    Intégrez des design systems en utilisant les kits Make et les packages npm, ou joignez des frames Figma, des PDF, et plus encore.

  • Optimisez les détails de design.

    Copier les fichiers Figma Make sur le plan de travail, où vous pouvez les ajuster jusqu'à ce qu'ils soient parfaits.

Conçu pour assurer la fluidité de votre travail.

Les produits que vous aimez sont conçus dans Figma

Avec des outils comme Figma Make, nous sommes désormais capables de réaliser rapidement un prototype. Au lieu de passer six semaines à réfléchir à une idée puis à voir comment elle se concrétise, cela ne prend plus que quelques heures.

Photo portrait en noir et blanc de Vishal Kapoor
Vishal Kapoor

SVP Produits, Affirm

  • logo d'airbnb
  • logo d'atlassian
  • logo de dropbox
  • logo de duolingo
  • logo de github
  • logo de microsoft
  • logo de netflix
  • logo de pentagram
  • logo de slack
  • logo de stripe
  • logo du new york times
  • logo de zoom

Fonctionnalités de Figma Make

  • Make sur votre base de code locale (bêta)

    Nouveau

    Convertissez vos Figma Design en ressources localisées et prêtes pour la production dans l'éditeur visuel de Make. Bientôt disponible.

  • Compétences personnalisées

    Nouveau

    Rassemblez vos workflows les plus fréquents dans un ensemble d'instructions réutilisable pour Make.

  • Connecteurs MCP

    Connectez-vous à des outils externes via le MCP, ce qui vous permet de travailler avec des documents, des tâches et des données provenant d'autres applications comme contexte pour votre application ou prototype.

  • Kits Make

    Deux bibliothèques de design systems différentes, l'une pour l'interface utilisateur, l'autre pour les icônes de produitDeux bibliothèques de design systems différentes, l'une pour l'interface utilisateur, l'autre pour les icônes de produit

    Synchronisez vos packages npm, styles de bibliothèque et directives directement avec Figma Make pour générer des prototypes haute fidélité.

  • Mode Plan

    Nouveau

    Préparez un plan avant de vous lancer. Précisez vos objectifs et élaborez un plan structuré et modifiable avant de commencer.

  • Pièces jointes

    Une interface de prompt Figma Make avec le texte « Ajouter cette vidéo à la page d'accueil. » Un curseur joint une vidéo d'une visite du site du musée à l'interface de promptUne interface de prompt Figma Make avec le texte « Ajouter cette vidéo à la page d'accueil. » Un curseur joint une vidéo d'une visite du site du musée à l'interface de prompt

    Joignez des designs, des images, des vidéos, des fichiers audio, des fichiers texte et des PDF à vos prompts pour guider l'IA vers de meilleurs résultats.

  • Commentaires

    Un commentaire sur un fichier Figma Make avec le texte « J'adore ce prototype. Si on y ajoutait plus d'interactivité ?Un commentaire sur un fichier Figma Make avec le texte « J'adore ce prototype. Si on y ajoutait plus d'interactivité ?

    Donnez et recevez du feedback sur un prototype ou une application web créée dans Figma Make.

  • Annotations

    Sélectionnez des éléments, un prompt et envoyez tous les changements au modèle en une seule fois.

  • Historique des versions

    Un menu déroulant Figma Make affichant le choix entre trois versions différentes du fichierUn menu déroulant Figma Make affichant le choix entre trois versions différentes du fichier

    Suivez chaque modification manuelle et IA. Vous pouvez ainsi afficher un aperçu, ajouter aux favoris ou restaurer toute itération dans votre projet.

  • Prompt par reconnaissance vocale

    Dictez vos idées à Figma Make pour générer votre prototype.

  • Make mobile

    Le Figma Make terminé sur une interface mobile. Un menu est en superposition sur le Make avec l'option de voir ou d'ajouter des commentaires, d'afficher un aperçu en mode plein écran, de voir l'historique des versions, ou de partager le fichierLe Figma Make terminé sur une interface mobile. Un menu est en superposition sur le Make avec l'option de voir ou d'ajouter des commentaires, d'afficher un aperçu en mode plein écran, de voir l'historique des versions, ou de partager le fichier

    Ouvrez un Make sur votre téléphone, découvrez-le nativement, et voyez et répondez aux commentaires directement dans le contexte.

  • Pointer et modifier

    Le curseur met en surbrillance un bouton CTA, sous lequel le prompt IA indique « Faire briller le bouton au survol »Le curseur met en surbrillance un bouton CTA, sous lequel le prompt IA indique « Faire briller le bouton au survol »

    Affinez vos prototypes en cliquant sur des éléments pour appliquer le style, les échanger ou demander des modifications directement dans l'aperçu.

  • Modèles

    Trois écrans de produits différents. Le premier est un contour blanc flou sur un fond noir. Le second est un tableau de bord de données. Le troisième est une collection d'images lifestyle disposées en cercleTrois écrans de produits différents. Le premier est un contour blanc flou sur un fond noir. Le second est un tableau de bord de données. Le troisième est une collection d'images lifestyle disposées en cercle

    Enregistrez et réutilisez des workflows éprouvés, transformant un Make en une méthode de travail reproductible.

  • Polices personnalisées

    Ajoutez des polices personnalisées depuis votre ordinateur ou partagées avec votre organisation.