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, appuyée par 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 de versions automatique 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 de vous enfermer dans un seul modèle sans visibilité sur ce qui est en cours d’exécution.
Le résultat n’est pas une maquette ni un fichier de conception, mais du code réel, modifiable, que vous pouvez inspecter, modifier et pousser vers GitHub.
À qui s’adresse Figma Make?
- Les designers produit qui utilisent déjà Figma. Make se trouve à l’intérieur de l’outil que vous utilisez déjà, donc il n’y a 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 générée en moins de 10 minutes, ce qui est assez rapide pour être présentée à une première rencontre d’investisseurs.
- Les chefs de produit qui ont besoin de montrer, pas de raconter. Figma Make produit quelque chose que vous pouvez réellement remettre à une partie prenante et faire parcourir, plutôt qu’un PDF d’écrans.
- Les développeurs qui veulent un squelette fonctionnel. Le code généré est du 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
- 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 IA: Claude, Gemini ou GPT
- L’historique automatique des versions enregistre chaque itération de construction
- 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
- Un éditeur visuel et un éditeur de code sont disponibles dans un seul espace de travail
- Les premières constructions arrivent avec des avertissements de code
- La limite mensuelle de crédits gratuits est vite atteinte
- Un domaine personnalisé nécessite un plan Figma payant
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-dessus de ce que j’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 à payer de plus.
| Fonctionnalité | Note (sur 10) | Pourquoi cette note |
|---|---|---|
| Facilité d’utilisation | 9.5 | Aucune configuration, entrée prioritaire par invite, double chemin d’édition et cycle de construction de 8 minutes en font l’un des créateurs IA les moins exigeants pour commencer. |
| Fonctionnalités et capacité | 9.8 | Authentification basée sur les rôles, interface de paiement Stripe, rapports multigraphiques, console d’administration, sélection de modèle et référence complète de l’API REST générées à partir d’une seule invite. |
| Conception et personnalisation | 9.4 | Le résultat visuel par défaut est propre et professionnel, avec à la fois un éditeur visuel de type cliquer-pour-sélectionner et un accès complet au code source, même sur le plan gratuit. |
| Rapport qualité-prix | 9.4 | L’accès complet au code sur l’offre gratuite est vraiment inhabituel, et les utilisateurs du plan payant obtiennent Make inclus dans un abonnement Figma existant plutôt qu’en tant que ligne de coût distincte. |
| Performance et fiabilité | 9.9 | Huit minutes pour obtenir une application à écrans multiples, consciente des rôles, avec interface Stripe et console d’administration représentent le ratio construction-vers-résultat utilisable le plus rapide que j’ai testé. |
| Globalement | 9.6 | Un produit bêta remarquable qui surpasse déjà de nombreux créateurs d’applications IA plus matures sur la qualité du résultat et la profondeur des fonctionnalités. |
Fonctionnalités de Figma Make
- Construction 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 type cliquer-pour-sélectionner avec contrôles de style intégrés
- Code source React complet modifiable sur l’offre gratuite
- Intégrations GitHub et Supabase disponibles sans configuration supplémentaire
- Publication en un clic vers un sous-domaine figma.site
Mon avis honnête sur Figma Make: ce que j’ai trouvé après l’avoir testé
L’écran de départ se fait immédiatement oublier
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’intégration
- 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:
« Créez une plateforme de gestion immobilière pour les propriétaires et les locataires. Incluez l’authentification des utilisateurs, les listes de propriétés, la gestion des baux, les paiements de loyer, les demandes de maintenance, le téléversement de documents, la messagerie, les notifications, un tableau de bord administrateur, les rapports, l’intégration Stripe, une base de données PostgreSQL, une API REST, un design responsive et des instructions de déploiement. L’application doit être prête pour la production et évolutive. »
L’outil l’a acceptée sans friction et a commencé à construire immédiatement. Aucun sélecteur de type de projet, aucune galerie de modèles, aucune préconfiguration d’architecture.
Verdict: Le point d’entrée est aussi proche que possible de zéro friction parmi tous les créateurs IA que j’ai testés. Le compromis, c’est qu’en l’absence de structure d’orientation avant la construction, 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 mur payant 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 courriel (saisir le courriel, vérifier, moins de 30 secondes au total)
Les deux chemins vous amènent dans l’espace de travail Figma Make avec votre construction déjà en file d’attente. Il n’y a pas d’écran de sélection de forfait, pas d’invite de carte de crédit, pas de mur de mise à niveau à cette étape. 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.
La construction dure 8 minutes et vous dit exactement ce qu’elle fait
L’espace de travail se divise en une colonne de clavardage à gauche et un aperçu en direct à droite. L’aperçu affiche un espace réservé avec le texte « Building your idea… » puis « Working out the details… » au fur et à mesure de l’avancement de l’outil.
Ce qui rend cela différent d’un écran de chargement générique, c’est le panneau de raisonnement dans la colonne de clavardage, qui enregistre en temps réel la réflexion de l’outil.
Pendant ma construction, le panneau de raisonnement montrait:
- L’outil a appelé un outil de thème avant d’écrire une seule ligne de code
- Il a indiqué « Worked with 3 files » pendant le traitement de l’invite
- Le journal de raisonnement a décrit 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 administrateur), a indiqué qu’il structurerait d’abord le composant React avec des définitions de types, puis construirait des données fictives avec des détails réalistes, puis gérerait la navigation et la gestion de l’état pour les vues basées sur les rôles dans chaque section
- Un message d’état est apparu sous le raisonnement: « Writing the component structure… »
Cette séquence compte. 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 celles-ci. C’est une approche structurée, pas une génération aléatoire.
Chronologie de la construction: 3:58 PM à 4:06 PM. Huit minutes.
Le sélecteur de modèle au bas du panneau de clavardage vous permet de choisir l’IA qui effectue la construction avant de commencer, ou d’en changer entre deux constructions:
| Modèle | Description |
|---|---|
| Default | Recommandé par Figma (modèle précis non divulgué) |
| Claude Sonnet 4.6 | Équilibré, efficace |
| Gemini 3 Flash | Rapide, itératif |
| Gemini 3.1 Pro | Approfondi, créatif |
| GPT-5.5 | Capable, rapide |
Pouvoir passer d’un modèle rapide et itératif à un modèle plus approfondi sans quitter l’outil ni recommencer de zéro constitue un avantage de flux de travail significatif.
À côté du sélecteur de modèle, il y a un interrupteur de mode Build/Plan:
| Mode | Ce que cela fait |
|---|---|
| Build | Crée et itère au fur et à mesure |
| Plan | Aligne le travail complexe et cartographie l’architecture avant d’écrire le code |
Pour une invite aussi détaillée que la mienne, le mode Plan aurait probablement produit une première construction plus propre avec moins d’avertissements. J’ai utilisé le mode Build et j’ai traité les avertissements lors d’un second passage.
Le résultat final s’est nommé PropVault et a mérité cette assurance
L’application finale, 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 épurée 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 propriétés gérées, 1,240 locataires actifs, $2.1M collectés mensuellement
- Un panneau droit avec les onglets Sign In / Create Account, un courriel 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 »
Chaque écran dans la navigation de gauche ouvre un écran fonctionnel et rempli. Voici ce qui a été construit dans l’ensemble de l’application:
| Écran | Ce qui a été construit |
|---|---|
| Tableau de bord | Quatre cartes KPI (revenu mensuel, taux d’occupation, demandes ouvertes, total des propriétés), graphique linéaire sur 12 mois revenu vs dépenses avec un badge « Live », flux d’activité récente, alerte de paiement en retard avec bouton Send Reminders, baux expirant avec boutons Renew individuels |
| Propriétés | Liste de propriétés avec filtrage |
| Baux | Gestion des baux avec suivi du statut |
| Paiements | Tableau de l’historique des paiements avec badges d’état, modal de paiement sécurisé propulsée par Stripe |
| Maintenance | Tableau Kanban (Open / In Progress / Completed) avec badges de priorité et affectation au fournisseur; formulaire de soumission pour les locataires |
| Messages | Interface de clavardage à deux panneaux avec fils de conversation réalistes et prise en charge de l’envoi avec Entrée |
| Documents | Zone de téléversement par glisser-déposer, filtres par catégorie, grille de fichiers avec actions au survol |
| Rapports | Graphique à barres, graphique horizontal d’occupation, graphique circulaire de maintenance, tableau de métriques KPI, bascule de plage de dates (3m / 6m / 12m) |
| Console d’administration | Tableau de gestion des utilisateurs, panneau de santé système et d’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 sur chaque écran sont simulées. Les connexions au backend nécessitent une configuration avant que quoi que ce soit stocke ou récupère des données en direct. Ce que vous avez après huit minutes, c’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.
Les trois rôles d’utilisateur sont bien délimités, et le niveau de détail de 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 compromis. 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 navigation | Accent du tableau de bord |
|---|---|---|
| Landlord (Marcus Hewitt) | Tableau de bord, Propriétés, Baux, Paiements, Maintenance, Messages, Documents, Rapports | Métriques à l’échelle de la plateforme pour toutes les propriétés et tous les locataires |
| Tenant (Priya Nair) | Tableau de bord, Baux, Paiements, Maintenance, Messages, Documents | Métriques personnelles pour ce locataire seulement |
| Admin (Cassandra Voss) | Tous les éléments Landlord plus Admin | Mê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 unités, +1.2% vs last month)
- Demandes ouvertes: 5 billets de maintenance
- Total des propriétés: 6 propriétés, 86 unités au total
- Graphique revenu vs dépenses couvrant 12 mois de May à April
- Flux d’activité récente: loyer reçu, paiements en retard, nouvelle demande de maintenance, bail arrivant à échéance, message de locataire
- 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
Détails du tableau de bord Tenant (Priya Nair):
- Prochain paiement: $1,850, dû le April 1, 2024
- État du bail: Actif, se termine le August 31, 2024
- Demandes ouvertes: 1 (réparation du système CVC 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
L’écran Paiements du rôle Tenant ouvre une fenêtre modale avec la marque Stripe quand 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éintitulé: « Pay $1,850.00 »
- Pied de page: « 256-bit SSL encryption · PCI DSS compliant »
Console d’administration (Cassandra Voss):
La Console d’administration comporte quatre onglets (Users, System, API Docs, Deployment) et s’ouvre sur le tableau de gestion des utilisateurs.
Chaque ligne a 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, ce qui est cohérent avec l’alerte de paiement en retard affichée sur le tableau de bord Landlord.
L’édition utilise deux outils parallèles et tous deux sont gratuits d’accès
Une fois la construction 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 famille de police, taille de police (avec contrôles moins et plus), gras, italique, alignement du texte, contrôles de largeur, espacement et suppression d’élément
- L’élément sélectionné est ajouté au champ de saisie du clavardage en même temps, de sorte qu’un clic sur un élément puis la saisie dans le clavardage envoie une demande de modification avec cet élément déjà en contexte
- La sélection d’un conteneur affiche le type exact de composant et l’imbrication (par exemple, « div x 4 ») au-dessus de la barre d’outils, offrant un contexte précis de la mise en page sans ouvrir le code
Le lien entre le sélecteur visuel et le champ de saisie du clavardage 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 clavardage pour décrire la modification souhaitée, et l’IA l’applique en ayant une pleine connaissance du composant sélectionné.
Chemin 2: éditeur de code
Cliquer sur l’icône du code en haut de l’espace de travail ouvre le code source React complet. La structure 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
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 requis. Cet accès complet au code est disponible sur le plan gratuit.
Les modifications apportées via l’éditeur visuel, le clavardage ou l’éditeur de code alimentent toutes le même aperçu en direct et s’y reflètent immédiatement.
Plus de dix avertissements lors de la première construction, corrigés avec précision en un clic
Après la fin de la construction initiale, une bannière est apparue au bas du panneau de clavardage: « 10+ warnings » avec un bouton « Fix for me » et une icône de fermeture.
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 de dégradés génériques (revGrad, expGrad) comme é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 liées à ce conflit.
Cliquer sur « Fix for me » a déclenché un second passage de construction. L’outil a identifié trois problèmes précis et appliqué des corrections ciblées:
- Graphique en aire du tableau de bord: renommé les identifiants de dégradé des génériques revGrad / expGrad en identifiants uniques dash-area-rev / dash-area-exp, empêchant la collision d’espace de noms
- Graphique à barres d’occupation: remplacé les clés de cellule 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
- Graphique circulaire de maintenance: appliqué la même correction de clé en utilisant le nom de l’entrée (key={\pie-${entry.name}`})
Cette construction a été enregistrée automatiquement comme Version 2. Le panneau d’historique des versions (accessible en cliquant sur l’étiquette de version en haut de l’espace de travail) montre un journal clair:
| Version | Étiquette | Heure |
|---|---|---|
| Version 1 | Plateforme de gestion immobilière | 4:06 PM |
| Version 2 | Résoudre les avertissements de code | 4:19 PM |
Après le deuxième passage, la console n’affichait plus que des messages de rechargement à chaud vite propres, et la bannière d’avertissement a disparu. Revenir à la Version 1 se fait en un seul clic depuis le panneau d’historique des versions.
Le cycle complet de correction, de la première construction à une console propre, a pris 13 minutes, sans modification manuelle du code.
Le panneau des paramètres a plus de profondeur qu’on ne s’y attendrait d’un outil bêta
Le panneau des paramètres est accessible via l’icône 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 de clavardage
- Audio
Intégrations:
- GitHub
- Supabase
- Ajuster les directives
Les paramètres généraux couvrent l’état de publication et la configuration SEO:
| Paramètre | Détail |
|---|---|
| État | Non publié (bouton Publish disponible en ligne) |
| Titre | Nom du projet modifiable |
| Méta-description | Renseignée automatiquement à partir du contexte de construction |
| Langue | Champ de code de langue ISO |
| Google Analytics ID | Connectez une propriété GA4 pour le suivi du trafic |
| Exclude from search engine results | Case à cocher, cochée par défaut sur le plan gratuit |
| Clear chat context | Efface définitivement la mémoire de conversation de Make; l’historique du clavardage reste visible |
L’option Clear chat context mérite d’être comprise. Elle efface la mémoire de l’IA de la conversation de construction sans supprimer le journal de clavardage visible. C’est utile lorsqu’un long fil de construction amène l’IA à s’ancrer sur un contexte antérieur pour de nouvelles demandes de modification.
Les paramètres Domaines montrent:
- Domaine de base: example.figma.site (le sous-domaine gratuit, mis en ligne à la publication)
- Domaines connectés: option d’ajouter un domaine personnalisé provenant d’un fournisseur tiers (plan payant requis)
Intégrations:
- GitHub: exportation du code et synchronisation du dépôt
- Supabase: connecter un backend et une base de données réels pour remplacer la couche de données simulées
- Ajuster les directives: définir des instructions personnalisées que l’IA suit lors des modifications, couvrant des éléments comme les conventions de bibliothèque de composants, les normes de nommage ou les contraintes de conception que vous voulez voir respectées dans chaque construction et itération
L’option Ajuster les directives est un ajout significatif que les autres sections de l’outil ne mettent pas autant en avant. Elle vous permet de définir le comportement attendu de l’IA avant le démarrage d’une construction, plutôt que de corriger des modèles indésirables après coup.
La publication se fait en un clic et l’URL du plan gratuit ressemble à une vraie application autonome
Cliquer sur le bouton Publish en haut à droite ouvre un panneau couvrant tout ce qu’il faut pour aller en ligne:
| Champ | Détail |
|---|---|
| Titre | Nom du projet modifiable |
| URL | example.figma.site |
| Statut | Non publié |
| Mettre en avant dans la communauté | Bascule pour inscrire l’application dans la galerie Figma Community |
La bascule Mettre en avant dans la communauté 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.
De là:
- Vous pouvez sélectionner jusqu’à cinq étiquettes pour catégoriser l’application (les options comprennent Apps, Dashboards, et plus via « Show more »)
- Une case à cocher « Show chat history » contrôle si la conversation de construction est visible par les utilisateurs de la communauté
- Une note confirme: « By publishing to Community, you agree to Figma’s Creator Agreement »
Une fois publiée, l’URL figma.site ouvre l’application dans une vue autonome de navigateur. Il n’y a aucun chrome de l’éditeur Figma, aucun filigrane, ni aucun badge « built with Figma Make » visible autour de l’application. Elle se charge et se comporte comme une vraie application web autonome, pas comme un prototype encadré.
La publication sur le plan gratuit comprend:
- Une URL partageable en sous-domaine figma.site
- Une vue d’application autonome sans marque 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 constructions et itérations supplémentaires
Prix et forfaits de Figma Make
Figma Make n’est pas vendu comme un produit autonome. L’accès est intégré aux plans de sièges Figma Full, et les crédits IA sont partagés entre toutes les fonctionnalités Figma AI, pas seulement Make. Une construction 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 dans la plateforme.
Le plan Starter gratuit inclut l’accès à Figma Make, mais le plafond mensuel de crédits est assez bas pour qu’une seule construction complexe consomme une grande partie de celui-ci. 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 construction.
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 palier augmentant l’allocation mensuelle. Si vous êtes déjà sur un plan Figma payant principalement pour l’accès à Design, Make est déjà disponible pour vous sans coût supplémentaire dans votre pool de crédits existant.
Des crédits IA supplémentaires peuvent être achetés en add-on sur les plans payants, ce qui mérite d’être envisagé si votre équipe exécute plusieurs constructions Make par semaine en parallèle d’une utilisation régulière de l’IA de Figma.
Il n’existe pas d’essai gratuit séparé du plan Starter, et aucune garantie de remboursement n’est indiquée dans les conditions publiées de Figma. Les annulations des plans annuels ne donnent pas lieu à un remboursement pour la durée restante. Les annulations du plan Professional peuvent être effectuées à partir du tableau de bord Admin; les annulations des plans Organization et Enterprise nécessitent de contacter l’équipe commerciale directement.
Pour un appariement pratique des plans: 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 les limites de crédits en plein projet.
Alternatives à Figma Make
Le concurrent le plus direct de Figma Make actuellement est Lovable. Alors que Figma Make produit une application front-end à l’intérieur de l’espace de travail Figma, Lovable est un créateur d’applications IA conçu à cet effet qui gère la pile complète: front-end, back-end, base de données, authentification et déploiement en un clic, à partir d’une plateforme autonome avec plus de 8 millions d’utilisateurs signalés.
Pour toute personne qui n’est pas déjà sur un plan Figma payant, ou qui a besoin d’une application connectée à la production plutôt que d’un prototype soigné, Lovable vous amène à une application déployée et connectée aux données plus rapidement et avec moins de configuration.
| Fonctionnalité | Figma Make | Lovable |
|---|---|---|
| Facilité d’utilisation | Priorité à l’invite, sans configuration requise | Priorité à l’invite, sans configuration requise |
| Idéal pour | Les designers et équipes déjà sur un plan Figma payant | Les fondateurs non techniques qui construisent et déploient des MVP |
| Backend et données | Front-end seulement; Supabase disponible comme intégration | Backend Supabase intégré dès le départ |
| Flexibilité de conception | Éditeur visuel, édition par clavardage et accès complet au code source | Édition par clavardage avec export du code disponible |
| Modèle de tarification | Intégré au siège Figma Full; pool de crédits IA partagé | Abonnement autonome avec son propre système de crédits |
Verdict final: Figma Make vaut-il le coup?
Pour toute personne qui paie déjà pour un siège Figma Full, la réponse est simple: oui, et de manière 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 consciente des rôles, avec une fenêtre 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 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 examen honnête de 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 celui demandé par n’importe quel créateur IA autonome. 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 conception.
Le public qui tire le plus de Figma Make actuellement, ce sont les designers et les équipes produit qui veulent réduire l’écart entre un prototype Figma statique et une version interactive, appuyée par du code et testable, sans changer d’outil ni attendre qu’un développeur le fasse. Pour ce cas d’usage précis, Figma Make est la meilleure option disponible.
