Figma Make Review 2026 : Peut-il créer une vraie application en 8 minutes ?

Revue de Figma Make 2026 : Peut-il créer une vraie application en 8 minutes ?

Qu’est-ce que Figma Make ?

Figma Make est un créateur d’applications IA intégré directement à la plateforme Figma qui prend une invite textuelle et produit une application front-end fonctionnelle, basée sur du code, sans que vous ayez à quitter l’espace de travail Figma ni à configurer un outil séparé.

Il génère des applications React avec un accès complet au code source, un historique automatique des versions et une URL d’aperçu en direct, et il se distingue des autres créateurs IA en vous permettant de choisir le modèle sous-jacent qui effectue le travail : Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro ou GPT-5.5, au lieu d’être verrouillé sur un seul modèle sans visibilité sur ce qui fonctionne en coulisses.

Le résultat n’est pas une maquette ou un fichier de conception, mais du code réel et modifiable que vous pouvez inspecter, modifier et pousser vers GitHub.

Figma Make
Discover honest assessments and insightful analysis of Figma Make to make informed purchasing decisions. Explore reputable reviews covering popular brands providing you with valuable clarity and confidence in your choices.
Visitez Figma Make

À qui s’adresse Figma Make ?

  • Les designers produit déjà sur Figma. Make s’intègre dans l’outil que vous utilisez déjà, il n’y a donc aucune nouvelle plateforme à apprendre ni d’abonnement supplémentaire à empiler sur ce que vous payez déjà.
  • Les fondateurs non techniques qui ont besoin d’une démo rapidement. Une application complexe à écrans multiples avec accès basé sur les rôles et données réalistes est obtenue en moins de 10 minutes, ce qui est assez rapide pour être présentée lors d’un premier rendez-vous investisseur.
  • Les chefs de produit qui doivent montrer, pas raconter. Figma Make produit quelque chose que vous pouvez réellement remettre à une partie prenante et parcourir avec elle, plutôt qu’un PDF d’écrans.
  • Les développeurs qui veulent une base fonctionnelle. Le code généré est un React propre avec TypeScript, et le code source complet est accessible sur le plan gratuit, ce qui en fait un véritable point de départ plutôt qu’un prototype jetable.

Avantages et inconvénients de Figma Make

Pros
  • Construit des applications complexes à écrans multiples à partir d’une seule invite
  • Le plan gratuit inclut l’accès complet au code source
  • Choisissez votre modèle d’IA : Claude, Gemini ou GPT
  • L’historique automatique des versions enregistre chaque itération de build
  • L’authentification basée sur les rôles est générée sans invite supplémentaire
  • Les intégrations GitHub et Supabase sont intégrées nativement
  • Éditeur visuel et éditeur de code disponibles dans un seul espace de travail
Cons
  • Les premières builds arrivent avec des avertissements de code
  • La limite mensuelle de crédits gratuits s’épuise vite
  • Un domaine personnalisé nécessite un plan Figma payant
Tip
Passez du mode Build au mode Plan avant de soumettre une invite complexe. Le mode Plan demande à l’IA de cartographier l’architecture avant d’écrire le moindre code, ce qui réduit le nombre d’avertissements lors de la première build et diminue le nombre d’itérations de suivi nécessaires.

Répartition des notes

Les scores ci-dessous reflètent ce que Figma Make offre actuellement, en bêta publique. Pour un produit à ce stade, la qualité du résultat est bien au-delà de ce à quoi je m’attendais, et pour les équipes déjà sur un plan Figma payant, le calcul de la valeur est difficile à contester puisqu’il n’y a rien de plus à payer.

FonctionnalitéNote (sur 10)Pourquoi cette note
Facilité d’utilisation9.5Aucune configuration, saisie centrée sur l’invite, deux chemins d’édition et un cycle de build de 8 minutes en font l’un des créateurs IA les moins exigeants à prendre en main.
Fonctionnalités & fonctionnalités9.8Authentification basée sur les rôles, UI de paiement Stripe, reporting multi-graphiques, console d’administration, sélection de modèle et référence complète d’API REST générées à partir d’une seule invite.
Conception & personnalisation9.4Le rendu visuel par défaut est propre et professionnel, avec à la fois un éditeur visuel de sélection par clic et un accès complet au code source, même sur le plan gratuit.
Rapport qualité-prix9.4L’accès complet au code sur l’offre gratuite est vraiment inhabituel, et les utilisateurs des plans payants obtiennent Make inclus dans un abonnement Figma existant plutôt que comme une ligne séparée.
Performance & fiabilité9.9Huit minutes pour obtenir une application multipage, sensible aux rôles, avec UI Stripe et une console d’administration est le meilleur ratio vitesse de build / résultat exploitable que j’ai testé.
Global9.6Un produit bêta remarquable qui surpasse déjà de nombreux créateurs d’applications IA matures en termes de qualité de sortie et de profondeur fonctionnelle.

Fonctionnalités de Figma Make

  • Génération d’application à partir d’une invite en moins de 10 minutes
  • Sélection multi-modèles incluant Claude, Gemini et GPT
  • Authentification utilisateur basée sur les rôles générée automatiquement
  • Éditeur visuel de sélection par clic avec contrôles de style en ligne
  • Code source React complet modifiable sur le plan gratuit
  • Intégrations GitHub et Supabase disponibles sans configuration supplémentaire
  • Publication en un clic sur un sous-domaine figma.site
Figma Make
Discover honest assessments and insightful analysis of Figma Make to make informed purchasing decisions. Explore reputable reviews covering popular brands providing you with valuable clarity and confidence in your choices.
Visitez Figma Make

Mon avis honnête sur Figma Make : ce que j’ai découvert après l’avoir testé

L’écran de démarrage vous laisse immédiatement tranquille

L’écran d’accueil est une simple boîte d’invite avec un court slogan : « Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast. » Sous le champ de saisie, trois points de départ suggérés apparaissent :

  • Flux d’onboarding
  • Tableau de bord de données
  • Galerie de dégradés

Vous pouvez ignorer les trois et taper ce que vous voulez.

J’ai soumis cette invite en entier :

“Create a property management platform for landlords and tenants. Include user authentication, property listings, lease management, rent payments, maintenance requests, document uploads, messaging, notifications, admin dashboard, reporting, Stripe integration, PostgreSQL database, REST API, responsive design, and deployment instructions. The application should be production-ready and scalable.”

capture d’écran du bouton Envoyer l’invite

L’outil a accepté cela sans friction et est passé directement à la construction. Aucun sélecteur de type de projet, aucune galerie de modèles, aucune préconfiguration d’architecture de quelque nature que ce soit.

Verdict : Le point d’entrée est presque aussi fluide que celui de n’importe quel créateur IA que j’ai testé. Le compromis, c’est qu’en l’absence de structure de guidage avant la build, une invite vague produit un résultat vague. Le plafond de ce que vous obtenez est entièrement déterminé par ce que vous y mettez.

L’inscription est rapide et ne place pas de paywall entre vous et le résultat

Cliquer sur le bouton flèche avant de se connecter déclenche une fenêtre modale « Welcome to Figma ». Les deux options :

  • Continuer avec Google (un clic, moins de 10 secondes)
  • Continuer avec l’e-mail (saisir l’e-mail, vérifier, moins de 30 secondes au total)

capture d’écran de la fenêtre d’inscription

Les deux chemins vous déposent dans l’espace de travail Figma Make avec votre build déjà en file d’attente. Il n’y a pas d’écran de sélection de plan, pas d’invite de carte bancaire, et pas de mur d’upgrade à ce stade. Le plan Starter gratuit s’active automatiquement.

Si vous avez déjà un compte Figma, la fenêtre modale n’apparaît pas, et vous arrivez directement dans le créateur.

Verdict
Aucune surprise ici, et cela compte. Beaucoup de créateurs d’applications IA placent leur paywall avant que vous puissiez évaluer si le résultat vaut la peine d’être payé. Figma Make vous laisse voir un vrai résultat d’abord.

La build dure 8 minutes et vous dit exactement ce qu’elle fait

L’espace de travail se divise en une colonne de chat à gauche et un aperçu en direct à droite. L’aperçu affiche un espace réservé avec le texte « Building your idea… » suivi de « Working out the details… » au fur et à mesure de l’avancement de l’outil.

capture d’écran du processus de construction

Ce qui rend cela différent d’un écran de chargement générique, c’est le panneau de raisonnement dans la colonne de chat, qui consigne en temps réel la réflexion de l’outil.

Pendant ma build, le panneau de raisonnement affichait :

  • L’outil a appelé un outil de thème avant d’écrire une seule ligne de code
  • Il a enregistré « Worked with 3 files » pendant le traitement de l’invite
  • Le journal de raisonnement décrivait toute son approche : il a cartographié les fonctionnalités restantes (filtrage des propriétés, gestion des baux, historique des paiements, demandes de maintenance, messagerie, notifications et tableaux de bord d’administration), indiqué qu’il structurerait d’abord le composant React avec les définitions de types, puis construirait des données fictives avec des détails réalistes, puis gérerait la navigation et la gestion d’état pour des vues basées sur les rôles dans chaque section
  • Un message d’état est apparu sous le raisonnement : « Writing the component structure… »

capture d’écran de Figma Make

Cette séquence est importante. L’outil a planifié les définitions de types avant d’écrire la moindre interface, puis a ajouté des données fictives réalistes, puis a construit la navigation autour de cela. C’est une approche structurée, pas une génération aléatoire.

Chronologie de la build : 15:58 à 16:06. Huit minutes.

Le sélecteur de modèle en bas du panneau de chat vous permet de choisir l’IA qui fera la build avant de commencer, ou de basculer entre deux builds :

ModèleDescription
Par défautRecommandé par Figma (modèle spécifique non divulgué)
Claude Sonnet 4.6Équilibré, efficace
Gemini 3 FlashRapide, itératif
Gemini 3.1 ProApprofondi, créatif
GPT-5.5Capable, rapide

Pouvoir passer d’un modèle rapide et itératif à un modèle plus profond sans quitter l’outil ni reconstruire à partir de zéro est un avantage de flux de travail significatif.

capture d’écran de l’aperçu

À côté du sélecteur de modèle, il y a un **basculement Build/Plan** :

ModeCe qu’il fait
BuildCrée et itère au fur et à mesure
PlanS’aligne sur les travaux complexes et cartographie l’architecture avant d’écrire du code

Pour une invite aussi détaillée que la mienne, le mode Plan aurait probablement produit une première build plus propre avec moins d’avertissements. J’ai utilisé le mode Build et j’ai géré les avertissements lors d’un second passage.

capture d’écran du menu Build

Verdict
La transparence du panneau de raisonnement est vraiment utile. Voir le journal détailler ce qui va être construit vous permet de détecter une exigence mal comprise avant qu’un seul code ne soit écrit. Le sélecteur de modèle et le basculement Build/Plan vous donnent plus de contrôle avant la build que n’importe quel outil comparable à ce prix.
Figma Make
Discover honest assessments and insightful analysis of Figma Make to make informed purchasing decisions. Explore reputable reviews covering popular brands providing you with valuable clarity and confidence in your choices.
Visitez Figma Make

Le résultat final s’est nommé PropVault et a justifié cette confiance

L’application terminée, que l’outil a nommée PropVault sans qu’on le lui demande, est une plateforme de gestion immobilière à écrans multiples avec une identité visuelle cohérente, une barre latérale bleu nuit, une typographie nette et une preuve sociale contextuelle sur l’écran de connexion. L’écran de connexion affiche :

  • Un panneau gauche sombre avec le logo PropVault, le slogan (« Property management, simplified. ») et trois statistiques fictives : 86 properties managed, 1,240 active tenants, $2.1M collected monthly
  • Un panneau droit avec les onglets Sign In / Create Account, un e-mail prérempli (marcus@propvault.io) et un mot de passe, ainsi que trois boutons de sélection de rôle : Landlord, Tenant, Admin
  • Une note de bas de page : « Demo: click a role above, then sign in »

capture d’écran de l’aperçu du projet

Chaque écran de la navigation de gauche ouvre un écran fonctionnel et rempli. Voici ce qui a été construit dans toute l’application :

ÉcranCe qui a été construit
Tableau de bordQuatre cartes KPI (revenu mensuel, taux d’occupation, demandes ouvertes, total des propriétés), graphique en ligne des revenus vs dépenses sur 12 mois avec un badge « Live », flux d’activité récente, alerte de paiement en retard avec bouton Send Reminders, baux arrivant à échéance avec boutons Renew individuels
PropriétésListe des propriétés avec filtrage
BauxGestion des baux avec suivi des statuts
PaiementsTable d’historique des paiements avec badges de statut, modal de paiement sécurisé alimentée par Stripe
MaintenanceTableau Kanban (Open / In Progress / Completed) avec badges de priorité et affectation de prestataire ; formulaire de soumission pour le locataire
MessagesInterface de chat à deux panneaux avec fils de conversation réalistes et envoi avec Entrée
DocumentsZone de dépôt par glisser-déposer, puces de filtre par catégorie, grille de fichiers avec actions au survol
RapportsGraphique en barres, graphique horizontal d’occupation, graphique en secteurs de la maintenance, tableau de métriques KPI, bascule de plage de dates (3m / 6m / 12m)
Console d’administrationTableau de gestion des utilisateurs, panneau d’état du système et des intégrations, référence complète de l’API REST, instructions de déploiement (PostgreSQL, Docker, Vercel, configuration du webhook Stripe)

Les données de chaque écran sont simulées. Les connexions back-end nécessitent une configuration avant que quoi que ce soit puisse être stocké ou récupéré en données réelles. Ce que vous obtenez après huit minutes est un squelette front-end de qualité production avec suffisamment de couverture d’écrans et de densité de données pour être présenté comme une démo fonctionnelle.

Verdict
Ce n’est pas une maquette. Le nombre d’écrans, la profondeur de navigation et la densité des données rendent l’ensemble utilisable comme démo pour parties prenantes sans aucune modification. Le fait que l’outil ait nommé l’application, appliqué une identité visuelle cohérente et peuplé les écrans de données fictives contextuellement exactes est bien au-dessus de ce à quoi je m’attendais d’une build en un seul passage.

Les trois rôles utilisateurs sont correctement délimités, et le niveau de détail pour chacun est impressionnant

Le contrôle d’accès basé sur les rôles est l’endroit où les créateurs IA font le plus souvent des raccourcis. Figma Make ne l’a pas fait. Chaque rôle se connecte à une expérience complètement différente, avec sa propre navigation, sa propre vue de données et son propre périmètre.

RôleÉléments de navigationFocus du tableau de bord
Landlord (Marcus Hewitt)Dashboard, Properties, Leases, Payments, Maintenance, Messages, Documents, ReportsMétriques de la plateforme sur toutes les propriétés et tous les locataires
Tenant (Priya Nair)Dashboard, Leases, Payments, Maintenance, Messages, DocumentsMétriques personnelles pour ce locataire uniquement
Admin (Cassandra Voss)Tous les éléments de Landlord plus AdminMême tableau de bord que Landlord avec accès à la console d’administration

Détails du tableau de bord Landlord :

  • Revenu mensuel : $41,900 (Apr 2024, +2.8% vs last month)
  • Taux d’occupation : 88% (76/86 units, +1.2% vs last month)
  • Demandes ouvertes : 5 tickets de maintenance
  • Total des propriétés : 6 properties, 86 total units
  • Graphique revenus vs dépenses couvrant May à April (12 mois)
  • Flux d’activité récente : rent received, overdue payments, new maintenance request, expiring lease, tenant message
  • Bannière d’alerte : « 2 overdue payments require attention » avec Tomás Reyes ($2,100) et Fatima Al-Sayed ($2,650) nommés, et un bouton d’action Send Reminders

capture d’écran du compte du projet

Détails du tableau de bord Tenant (Priya Nair) :

  • Prochain paiement : $1,850, dû le April 1, 2024
  • Statut du bail : Active, se termine le August 31, 2024
  • Demandes ouvertes : 1 (réparation HVAC en attente)
  • Messages : 2 non lus
  • Historique des paiements montrant Maple Grove #4B, $1,850, Paid
  • Demande de maintenance affichant « HVAC not cooling », badge In Progress, datée du March 28, 2024

capture d’écran du tableau de bord PropVault

L’écran Paiements pour le rôle Tenant ouvre une fenêtre modale marquée Stripe lorsque l’on clique sur « Pay Now » :

  • En-tête : « Secure Payment. Powered by Stripe. »
  • Ligne de paiement : April Rent, Maple Grove #4B, $1,850.00
  • Champ Card Number (préformaté)
  • Champs Expiry (MM/YY) et CVC
  • Bouton Pay pré-libellé : « Pay $1,850.00 »
  • Pied de page : « 256-bit SSL encryption · PCI DSS compliant »

capture d’écran de la fenêtre de paiement sécurisé

Console d’administration (Cassandra Voss) :

La console d’administration comporte quatre onglets (Users, System, API Docs, Deployment) et s’ouvre sur la table de gestion des utilisateurs.

capture d’écran de la console d’administration

Chaque ligne possède des boutons d’action modifier et supprimer. Un bouton Invite User se trouve en haut à droite du tableau. Tomás Reyes est correctement signalé comme Delinquent, en cohérence avec l’alerte de paiement en retard affichée sur le tableau de bord Landlord.

Verdict
Le cloisonnement des rôles est correct au niveau des données, pas seulement au niveau de la navigation. Le locataire ne voit pas les données de la plateforme dans son ensemble. Le statut delinquent d’un utilisateur apparaît de manière cohérente à la fois dans la console d’administration et dans l’alerte du tableau de bord Landlord. Pour une build IA en un seul passage, ce niveau de cohérence transversale des données est bien supérieur à la moyenne.

L’édition utilise deux outils parallèles et tous deux sont gratuits

Une fois la build terminée, deux chemins d’édition sont disponibles simultanément, aucun n’étant réservé à un plan payant.

Chemin 1 : éditeur visuel

  • Cliquez sur n’importe quel élément dans l’aperçu en direct pour le sélectionner et ouvrir une barre d’édition flottante
  • La barre d’édition comprend : sélecteur de police, taille de police (avec boutons moins et plus), gras, italique, alignement du texte, contrôles de largeur, espacement et suppression de l’élément
  • L’élément sélectionné est ajouté en même temps au champ de saisie du chat, donc cliquer sur un élément et taper dans le chat envoie une demande de modification avec cet élément déjà en contexte
  • La sélection d’un conteneur affiche le type exact du composant et son imbrication (par exemple, « div x 4 ») au-dessus de la barre d’outils, donnant un contexte de mise en page précis sans ouvrir le code

capture d’écran de l’éditeur visuel

La connexion entre le sélecteur visuel et le champ de saisie du chat est la partie la plus pratique de ce flux d’édition.

Vous n’avez pas à choisir entre les deux. Vous cliquez pour identifier l’élément, puis vous tapez dans le chat pour décrire la modification souhaitée, et l’IA l’applique en sachant parfaitement quel composant vous avez sélectionné.

Chemin 2 : éditeur de code

Cliquer sur l’icône de code en haut de l’espace de travail ouvre le source React complet. L’arborescence des fichiers :

src/

  app/

    components/

    App.tsx          (1,300+ lines)

    styles/

    fonts.css

    globals.css

    index.css

    tailwind.css

    theme.css

guidelines/

ATTRIBUTIONS.md

default_shadcn_theme.css

package.json

pnpm-workspace.yaml

postcss.config.mjs

vite.config.ts

capture d’écran de l’éditeur de code Figma Make

App.tsx est organisé en fonctions de vue nommées (DashboardView, ReportsView, MaintenanceView, et ainsi de suite) avec des commentaires de section séparant chaque écran.

Le code est lisible, bien structuré et modifiable directement dans le navigateur. Aucun téléchargement ni IDE externe n’est nécessaire. Cet accès complet au code est disponible sur le plan gratuit.

Les modifications apportées via l’éditeur visuel, le chat ou l’éditeur de code alimentent toutes le même aperçu en direct et s’y reflètent immédiatement.

Verdict
L’approche d’édition double signifie que vous n’êtes jamais coincé dans un seul mode. Les changements cosmétiques sont plus rapides via l’éditeur visuel. Tout ce qui est structurel, basé sur la logique ou impliquant le flux de données est plus rapide via le chat ou l’édition directe du code. L’accès complet au code sur le plan gratuit est un différenciateur important. La plupart des créateurs IA verrouillent le code source derrière une offre payante.

Plus de dix avertissements lors de la première build, corrigés avec précision en un clic

Après la fin de la build initiale, une bannière est apparue en bas du panneau de chat : « 10+ warnings » avec un bouton « Fix for me » et une icône de fermeture.

capture d’écran du bouton 'Fix For me'

L’ouverture de la console du navigateur (accessible via une icône de console dans l’espace de travail) a montré la source : des identifiants de dégradé SVG dupliqués dans la bibliothèque de graphiques Recharts.

La cause : les sections Dashboard et Reports enregistraient toutes deux les mêmes noms génériques de dégradés (revGrad, expGrad) en tant qu’éléments SVG. Recharts enregistre les dégradés par identifiant dans l’espace de noms SVG, donc des noms génériques provenant de plusieurs instances de graphiques entrent en collision dans le même document. La console affichait une longue liste de références JavaScript minifiées, toutes remontant à ce conflit.

Cliquer sur « Fix for me » a déclenché un second passage de build. L’outil a identifié trois problèmes spécifiques et appliqué des corrections ciblées :

  1. Graphique en aires du tableau de bord : renommage des identifiants de dégradé des génériques revGrad / expGrad en identifiants uniques dash-area-rev / dash-area-exp, évitant ainsi la collision d’espace de noms
  2. BarChart d’occupation : remplacement des clés de cellule à partir de l’index numérique (key={i}) par des clés de chaîne stables utilisant le nom de la propriété (key={\occ-${entry.property}`}), afin que chaque cellule ait une clé stable et unique
  3. Graphique en secteurs de maintenance : application de la même correction de clé en utilisant le nom de l’entrée (key={\pie-${entry.name}`})

capture d’écran de résolution des avertissements de code

Cette build s’est enregistrée automatiquement comme Version 2. Le panneau d’historique des versions (accessible en cliquant sur le libellé de version en haut de l’espace de travail) affiche un journal clair :

VersionLibelléHeure
Version 1Property Management Platform4:06 PM
Version 2Resolve code warnings4:19 PM

Après le second passage, la console n’affichait plus que des messages de hot-reload Vite propres, et la bannière d’avertissement avait disparu. Revenir à la Version 1 se fait en un seul clic depuis le panneau d’historique des versions.

capture d’écran de l’historique des versions

Le cycle complet de correction, de la première build à une console propre, a pris 13 minutes, sans aucune édition manuelle du code.

Verdict
Les avertissements lors d’une build initiale ne sont pas le signe d’une application cassée. Il s’agissait de problèmes de rendu React/Recharts, pas d’erreurs de logique, et l’application était pleinement fonctionnelle tout au long du processus. Le flux « Fix for me » a traité les trois avec des modifications précises et ciblées. L’historique des versions signifie que vous ne risquez jamais de perdre un état fonctionnel en itérant.
Figma Make
Discover honest assessments and insightful analysis of Figma Make to make informed purchasing decisions. Explore reputable reviews covering popular brands providing you with valuable clarity and confidence in your choices.
Visitez Figma Make

Le panneau des paramètres est plus profond qu’on ne l’attendrait d’un outil bêta

Le panneau des paramètres est accessible via l’icône en forme d’engrenage en haut à droite de l’espace de travail. Le menu déroulant organise les options en deux groupes :

Paramètres Make :

  • Général
  • Domaines
  • Polices
  • Préférences du chat
  • Audio

capture d’écran des intégrations Figma Make

Intégrations :

  • GitHub
  • Supabase
  • Ajuster les consignes

Les paramètres généraux couvrent l’état de publication et la configuration SEO :

ParamètreDétail
StatutNon publié (bouton Publier disponible en ligne)
TitreNom du projet modifiable
Meta descriptionRenseignée automatiquement à partir du contexte de la build
LangueChamp de code ISO de langue
Google Analytics IDConnectez une propriété GA4 pour le suivi du trafic
Exclure des résultats des moteurs de rechercheCase à cocher, cochée par défaut sur le plan gratuit
Effacer le contexte du chatEfface définitivement la mémoire de conversation de Make ; l’historique du chat reste visible

L’option Effacer le contexte du chat mérite d’être comprise. Elle efface la mémoire de l’IA de la conversation de build sans supprimer le journal de chat visible. C’est utile lorsqu’un long fil de build pousse l’IA à s’ancrer sur un contexte antérieur lors de nouvelles demandes de modification.

capture d’écran des paramètres Figma Make

Les paramètres de domaines affichent :

  • Domaine de base : example.figma.site (le sous-domaine gratuit, mis en ligne à la publication)
  • Domaines connectés : option pour ajouter un domaine personnalisé d’un fournisseur tiers (plan payant requis)

Intégrations :

  • GitHub : export du code et synchronisation du dépôt
  • Supabase : connecter un vrai back-end et une base de données pour remplacer la couche de données simulée
  • Ajuster les consignes : définir des instructions personnalisées que l’IA suit lorsqu’elle effectue des modifications, en couvrant des éléments comme les conventions de bibliothèque de composants, les standards de nommage ou les contraintes de design que vous souhaitez voir respectés sur chaque build et itération

L’option Ajuster les consignes est un ajout significatif que les autres sections de l’outil ne mettent pas autant en avant. Elle vous permet de définir la manière dont l’IA doit se comporter avant qu’une build ne commence, au lieu de corriger après coup des schémas indésirables.

Verdict
Le panneau des paramètres vous donne un contrôle significatif pour un produit bêta. La prise en charge de Google Analytics, l’intégration Supabase, la possibilité de domaine personnalisé (sur les plans payants) et les consignes IA ajustables indiquent tous un outil conçu pour un usage de projet continu plutôt que pour des démos ponctuelles. La limite la plus importante ici est le domaine : sans plan payant, tout est publié sur un sous-domaine figma.site.

La publication se fait en un clic et l’URL du plan gratuit ressemble à une vraie application autonome

Cliquer sur le bouton Publier en haut à droite ouvre un panneau qui couvre tout ce qui est nécessaire pour passer en ligne :

ChampDétail
TitreNom du projet modifiable
URLexample.figma.site
StatutNon publié
Mettre en avant sur CommunityBasculer pour lister l’application dans la galerie Figma Community

Le basculement Mettre en avant sur Community déploie une section d’aperçu montrant comment l’application apparaîtra dans Figma Community aux côtés d’autres applications publiées.

capture d’écran des paramètres Figma Make

À partir d’ici :

  • Vous pouvez sélectionner jusqu’à cinq tags pour catégoriser l’application (les options incluent Apps, Dashboards, et plus via « Show more »)
  • Une case à cocher « Show chat history » contrôle si la conversation de build est visible pour les spectateurs de la Community
  • Une note confirme : « By publishing to Community, you agree to Figma’s Creator Agreement »

Une fois publié, l’URL figma.site ouvre l’application dans une vue de navigateur autonome. Il n’y a pas de chrome de l’éditeur Figma, pas de filigrane et pas de badge « built with Figma Make » visible autour de l’application. Elle se charge et se comporte comme une véritable application web autonome, pas comme un prototype encadré.

La publication sur le plan gratuit inclut :

  • Une URL partageable en sous-domaine figma.site
  • Une vue d’application autonome sans branding Figma visible
  • La possibilité de mettre l’application en avant dans Figma Community

La publication sur un plan payant ajoute :

  • Un domaine personnalisé provenant d’un fournisseur tiers
  • Davantage de crédits IA pour des builds et itérations supplémentaires
Verdict
L’URL du plan gratuit est pleinement utilisable pour les démos, les revues avec parties prenantes et le partage de prototypes. La vue publiée autonome est un détail fort : elle supprime tout contexte d’éditeur et présente l’application comme son propre produit. La seule limite significative ici est le domaine, et pour aller au-delà d’un prototype, un siège Figma payant et une connexion Supabase sont tous deux requis.

Tarifs et plans de Figma Make

Figma Make n’est pas vendu comme un produit autonome. L’accès est inclus dans les plans Figma Full seat, et les crédits IA sont partagés entre toutes les fonctionnalités IA de Figma, pas seulement Make. Une build dans Figma Make puise dans le même pool mensuel que les outils IA de Figma Design, l’édition d’images et toute autre action alimentée par l’IA sur la plateforme.

Le plan Starter gratuit inclut l’accès à Figma Make, mais le plafond mensuel de crédits est suffisamment bas pour qu’une seule build complexe en consomme une grande partie. Le plan Starter convient pour évaluer l’outil et réaliser des tests ponctuels, pas pour des équipes qui utilisent Make comme partie régulière d’un processus de build.

Les plans payants sont structurés autour des types de sièges. Les sièges Full aux niveaux Professional, Organization et Enterprise incluent chacun davantage de crédits IA par mois, chaque niveau augmentant l’allocation mensuelle. Si vous êtes sur un plan Figma payant principalement pour l’accès à Design, Make est déjà disponible sans coût supplémentaire dans votre pool de crédits existant.

Des crédits IA supplémentaires peuvent être achetés en option sur les plans payants, ce qui vaut la peine d’être envisagé si votre équipe lance plusieurs builds Make par semaine en parallèle d’un usage régulier des outils IA de Figma.

Il n’existe pas d’essai gratuit distinct du plan Starter, et aucune garantie de remboursement n’est indiquée dans les conditions publiées par Figma. Les annulations de plan annuel ne donnent pas droit à un remboursement pour la période restante. Les annulations du plan Professional peuvent être effectuées depuis le tableau de bord administrateur ; les annulations des plans Organization et Enterprise nécessitent de contacter directement l’équipe commerciale.

Pour un choix de plan pratique : le plan Starter couvre l’évaluation et un usage occasionnel. Un siège Full Professional est le point d’entrée minimal réaliste pour les équipes qui veulent utiliser Make plus d’une ou deux fois par mois sans atteindre la limite de crédits en plein projet.

Figma Make
Discover honest assessments and insightful analysis of Figma Make to make informed purchasing decisions. Explore reputable reviews covering popular brands providing you with valuable clarity and confidence in your choices.
Visitez Figma Make

Alternatives à Figma Make

Le concurrent le plus direct de Figma Make actuellement est Lovable. Là où Figma Make produit une application front-end dans l’espace de travail Figma, Lovable est un créateur d’applications IA conçu pour toute la pile : front-end, back-end, base de données, authentification et déploiement en un clic, depuis une plateforme autonome avec plus de 8 millions d’utilisateurs déclarés.

Pour quiconque n’est pas déjà sur un plan Figma payant, ou qui a besoin d’une application connectée à une production plutôt que d’un prototype soigné, Lovable vous mène plus rapidement à une application déployée et connectée aux données, avec moins de configuration.

FonctionnalitéFigma MakeLovable
Facilité d’utilisationSaisie centrée sur l’invite sans configuration requiseSaisie centrée sur l’invite sans configuration requise
Idéal pourLes designers et équipes déjà sur un plan Figma payantLes fondateurs non techniques qui construisent et déploient des MVP
Back-end & donnéesFront-end uniquement ; Supabase disponible comme intégrationBack-end Supabase intégré inclus dès le départ
Flexibilité de conceptionÉditeur visuel, édition par chat et accès complet au code sourceÉdition par chat avec export du code disponible
Modèle de tarificationInclus avec le siège Figma Full ; pool de crédits IA partagéAbonnement autonome avec son propre système de crédits

Verdict final : Figma Make en vaut-il la peine ?

Pour quiconque paie déjà pour un siège Figma Full, la réponse est simple : oui, et de façon significative. La qualité du résultat place Figma Make devant la plupart des créateurs d’applications IA présents sur le marché depuis bien plus longtemps.

Une seule invite a produit une plateforme de gestion immobilière à écrans multiples et sensible aux rôles, avec une fenêtre modale de paiement Stripe, un tableau de bord analytique en direct, un tableau Kanban de maintenance, une interface de messagerie à deux panneaux et une console d’administration complète avec tableau de gestion des utilisateurs, documentation de l’API REST et instructions de déploiement. Tout cela en huit minutes, avec un accès complet au code source sur le plan gratuit et une URL publiée autonome propre. Rien de tout cela n’est ordinaire pour un produit bêta.

Pour les équipes qui ne sont pas actuellement sur Figma, le calcul exige un regard honnête sur ce dont vous avez réellement besoin. Obtenir un accès significatif aux crédits de Figma Make nécessite un siège Full sur un plan Figma payant, ce qui représente un investissement de plateforme plus large que n’importe quel créateur IA autonome ne le demande. Si l’objectif principal est de livrer une application web fonctionnelle avec une base de données en direct et de vrais utilisateurs plutôt qu’un prototype, Lovable vous permet d’atteindre ce résultat avec moins de configuration et sans exiger un abonnement à une plateforme de design.

Le public qui tire le plus parti de Figma Make actuellement est celui des designers et des équipes produit qui veulent combler l’écart entre un prototype Figma statique et une build interactive, basée sur du code et testable, sans changer d’outil ni attendre qu’un développeur s’en charge. Pour ce cas d’usage précis, Figma Make est la meilleure option disponible.

Figma Make
0,00 € /mo
Prix de départ
Visitez Figma Make
Rating based on expert review
  • Convivialité
    0.0
  • Assistance
    0.0
  • Caractéristiques
    0.0
  • Fiabilité
    0.0
  • Tarif
    0.0

Questions Fréquentes

Figma Make génère-t-il du code réel et déployable ?

Le résultat est du vrai code React avec TypeScript, et l’intégralité du code स्रोत est accessible même avec le forfait gratuit. Il n’est pas prêt pour le déploiement sans travail supplémentaire : les connexions au backend et à la base de données nécessitent une configuration manuelle via Supabase ou votre propre infrastructure, et la première compilation contiendra des avertissements qui devront être corrigés lors d’un second passage. Ce que vous obtenez est un scaffold front-end solide et bien structuré, pas un produit fini.

Est-ce que Figma Make fonctionne avec le forfait gratuit ?

Oui, mais le plan Starter gratuit vous limite à 500 crédits IA par mois, partagés entre toutes les fonctionnalités IA de Figma. Une seule création complexe en consommera une grande partie, donc le plan gratuit est réaliste pour tester l’outil une ou deux fois, mais pas pour un travail de projet continu.

Quel modèle d’IA Figma utilise-t-il ?

Vous pouvez choisir parmi cinq options : Default (que Figma recommande mais ne nomme pas par modèle), Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro et GPT-5.5. La possibilité de changer de modèle avant ou entre les builds est l’une des fonctionnalités qui distingue Figma Make des outils comparables.

Puis-je publier mon application depuis Figma Make avec le forfait gratuit ?

Oui. La publication génère une URL partageable sur un sous-domaine figma.site qui s’ouvre comme une application autonome sans visibilité de la marque Figma. La connexion d’un domaine personnalisé nécessite un plan Figma payant. La connexion à un backend réel nécessite une intégration Supabase. L’URL du plan gratuit est entièrement fonctionnelle pour partager des démos et des prototypes.

Figma Make est-il la même chose que Figma AI ?

Non. Figma AI est le terme générique pour l’ensemble des fonctionnalités alimentées par l’IA sur la plateforme Figma, y compris la retouche d’images, la génération de contenu et l’assistance à la conception. Figma Make est l’application d’IA spécifique intégrée à cet écosystème, axée sur la génération d’applications fonctionnelles, basées sur du code, à partir d’invites textuelles.

SerpDomains Review 2026

I created a  account, explored its domain inventory, compared listings, and followed the checkout process to the final payment stage. I a...
14 min read
Walter Akolo
Walter Akolo
Expert en hébergement web

Luminar Neo Review (2026): My Experience Testing Its AI Photo Editing Tools

I installed  on Windows and tested its AI tools on four photographs covering landscapes, portraits, low-light scenes, and object removal....
21 min read
Walter Akolo
Walter Akolo
Expert en hébergement web

Canva Review 2026: I Tested Templates, AI, Brand Kit, Collaboration, and Exports

makes an excellent first impression because it removes a lot of the friction between having an idea and producing something presentable. I wa...
20 min read
Walter Akolo
Walter Akolo
Expert en hébergement web

Leonardo AI Review 2026: Can I Create Consistent, Publishable Visuals?

makes an appealing promise: generate a product photograph, adapt it for a website, create an advertisement, edit a mistake, and animate the r...
23 min read
Walter Akolo
Walter Akolo
Expert en hébergement web
Click to go to the top of the page
Go To Top

HostAdvice.com fournit des critiques professionnels d'hébergement web totalement indépendantes de toute autre entité. Nos avis sont impartiaux, honnêtes, et les mêmes critères d'évaluations sont appliqués à toutes les sociétés examinées.

Bien qu'une compensation financière soit reçue de la part de quelques hébergeurs apparaissant sur le site, la rémunération de services et de produits n'influence en aucun cas le sens et les conclusions de nos avis. Celle-ci n'affecte pas non plus le classement de certains hébergeurs.
Cette rémunération couvre les frais d'achats de compte, de tests et les droits d'auteur versés aux critiques.