Figma Makeapplication dans l'environnement d'exécution de FigmaFichier Riviera Makes'exécute dans l'environnement d'exécution de FigmaExportZIP React/TSX ou push GitHubModification : titre plus calmepointer et prompter ; plus de crédits
Figma Make 
OpenDesign Alternative à Figma Make sans la licence ni le plafond de crédits : OpenDesign
OpenDesign est une alternative à Figma Make gratuite, open-source et local-first : le même travail du prompt à l'interface fonctionnelle, effectué par votre propre agent de codage avec votre propre clé, sauvegardé sous forme de fichiers dans votre dépôt, sans licence payante ni allocation mensuelle de crédits. Cette page compare Figma Make en lui-même, et non le canevas Figma, et indique où Make l'emporte encore.
Verdict, par tâche09 / Figma Make
OpenDesign vs Figma Make, trois besoins différents
Commencer au bon endroit
Cette page · choisir
OpenDesign ou Figma Make ?
Un verdict par situation, un brief exécuté dans les deux outils, une comparaison de fonctionnalités datée et les conditions qui inversent la réponse.
Lire le verdict Déjà sur Figma MakeSortir l'application du runtime de Figma
Ce qui migre depuis un export Make, ce qui reste lié au runtime de Figma et à Supabase, et les quatre étapes pour continuer sous forme de fichiers.
Voir ce qui bouge Une question différenteQuitter Figma l'outil de design ?
C'est une comparaison différente : canevas, collaboration et Dev Mode. Cette page concerne uniquement Make.
Lire OpenDesign vs FigmaSur cette page Aperçu
Ce qu'est chacun
Figma Make vs OpenDesign : ce qu'est chaque outil
Figma Make et OpenDesign se chevauchent sur le passage du prompt à l'interface fonctionnelle. Ils diffèrent sur l'endroit où vit l'application, qui peut la créer, et comment l'itération est payée. Cette page compare Make en lui-même ; OpenDesign l'écrit à propos de son propre produit et n'est pas affilié à Figma.
Réponse courte. OpenDesign est une alternative à Figma Make gratuite, open-source (Apache-2.0) et local-first : votre propre agent de codage génère une interface fonctionnelle à partir d'un brief et d'un DESIGN.md portable, sauvegardée sous forme de fichiers dans votre dépôt, avec n'importe quel modèle, sans licence payante ni plafond de crédits mensuel. Il ne s'attache pas à une frame Figma ni ne publie dans Figma ; si votre équipe vit sur le canevas et veut un prototype hébergé sans le quitter, gardez Figma Make.
Figma Make
Figma Make est le sous-produit d'IA dans Figma, disponible de manière générale depuis juillet 2025 et propulsé par Claude Sonnet. Vous écrivez un prompt ou attachez une frame Figma existante et il génère une application React en direct rendue dans le runtime bac à sable de Figma ; vous itérez par chat, en pointant sur un élément, ou en éditant sur le canevas. Il peut ajouter un backend Supabase et publier sur une URL hébergée par Figma.
- S'exécuteCloud hébergé de Figma uniquement ; runtime bac à sable
- ModèleClaude Sonnet, fixe
- SortieApplication React/TSX ; export en ZIP ou vers GitHub
- CoûtLicence Full payante pour créer, plus des crédits d'IA mensuelsmontants non retraités
OpenDesign
OpenDesign est un agent de design local-first et open-source vers lequel vous pointez votre propre agent de codage. Les compétences et une marque portable vivent sous forme de fichiers dans votre dépôt ; l'application de bureau effectue le rendu et examine le résultat.
- S'exécuteApplication de bureau et démon local sur votre machine
- AgentLe vôtre : Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen et plus
- SortieFichiers dans le répertoire de votre projet
- CoûtApache-2.0 ; vous payez votre propre fournisseur pour l'utilisation de l'API
Où ils se chevauchent
Du prompt à une interface fonctionnelle et cliquable, itérée en pointant sur des éléments. C'est la seule partie de Figma Make avec laquelle le reste de la page compare OpenDesign.
Ce que cette page ne prétend pas
Qu'OpenDesign s'attache aux frames Figma, publie dans Figma ou câble Supabase pour vous, ou que le changement se fait sans perte. Si rester sur le canevas compte plus que la propriété et le coût, le verdict ci-dessous dit de garder Figma Make.
Verdict
Figma Make ou OpenDesign ? Le verdict par situation
Choisissez Figma Make si…
Voir le scénario correspondant
- Vous voulez attacher une frame Figma réelle et existante comme source de vérité et rester sur le canevas.
- Vous voulez une publication hébergée en un clic et le chemin Figma Sites.
- Un prototype dirigé par un designer avec l'authentification Supabase intégrée est le livrable, et la licence est déjà payée.
Choisissez OpenDesign si…
- Vous voulez que le résultat soit des fichiers dans votre propre dépôt, dont vous êtes entièrement propriétaire dès le premier rendu.
- Vous ne voulez pas de péage par licence ni de plafond mensuel de crédits IA.
- Vous voulez n'importe quel modèle et n'importe quel agent de codage, avec votre propre clé.
- Vous voulez de l'open source que vous pouvez auditer, auto-héberger ou exécuter en CI.
Exécutez les deux si…
Voir ce qui bouge, ce qui reste
- Les designers explorent dans Make à partir de cadres ; les ingénieurs reconstruisent le gagnant sous forme de fichiers sous DESIGN.md.
- L'équipe veut la zone de travail de Figma pour dessiner, mais le produit doit vivre dans la base de code.
- Les crédits s'épuisent en milieu de mois et l'itération restante doit passer à votre propre agent.
Même brief, deux résultats
Le même brief dans Figma Make et OpenDesign
Une comparaison n'est honnête que si ses données d'entrée le sont. Le même brief et la même marque sont fournis à Figma Make et à OpenDesign ; ce qui en ressort, la façon dont l'itération est payée et l'endroit où l'application se retrouve sont ce que vous comparez. Les panneaux ci-dessous sont des illustrations, pas des captures d'écran ; le test de 20 minutes vous permet d'exécuter le brief vous-même.
Brief · identique dans les deux outils
Concevez une page de destination pour un petit studio qui réserve des séjours de slow-travel. Un héros avec un titre fort, trois lieux mis en avant, une courte note sur le fonctionnement de la réservation et un appel à l'action final. Bureau et téléphone.
- Marque
- Fond papier, Albert Sans, un accent vert, rayon de 8px
- Points d'arrêt
- 1440 bureau, 390 mobile ; pas de défilement horizontal
- Test de modification
- Après le premier résultat : "rendre le titre plus calme, échanger le deuxième lieu"
- Enregistrement
- Modèle, date, temps jusqu'au premier résultat, modifications nécessaires, format d'exportation
Figma Makeapplication dans l'environnement d'exécution de FigmaOpenDesign + votre agentfichiers dans le dépôtriviera-landing.htmlnouveau · v2DESIGN.mdliéModification : titre plus calmepointer sur l'élément, l'agent révise
IllustratifLes deux panneaux sont des illustrations dessinées pour cette page, et non des captures d'écran de l'un ou l'autre outil, et le verdict ne repose pas sur eux. Exécutez le brief vous-même avec le test de 20 minutes ci-dessous et notez les points énumérés ici afin que les deux résultats puissent être comparés équitablement.
Ce qu'il faut noter · les deux outils
Modèle et version, date d'exécution, temps jusqu'au premier résultat utilisable, nombre de modifications pour atteindre "terminé", ce que l'exportation contenait.
Ce qu'il faut noter · Figma Make
Type de licence et crédits dépensés, si l'exportation s'est exécutée en dehors de Figma, de quoi dépendait le câblage Supabase, ce qu'un coéquipier sans licence Full pouvait faire.
Ce qu'il faut noter · OpenDesign
Agent et clé utilisés, si DESIGN.md a été respecté sans nouveau prompt, les deux points d'arrêt vérifiés, les versions conservées sous forme de fichiers.
Fonctionnalité par fonctionnalité
OpenDesign vs Figma Make, fonctionnalité par fonctionnalité
Neuf dimensions sur lesquelles OpenDesign et Figma Make diffèrent dans la pratique : licence, environnement d'exécution, accès, coût, limites, modèle, sortie, backend et hébergement. Les faits concernant Figma Make ont été vérifiés à partir de sources publiques le 2026-09-06 ; les prix des licences et les montants des crédits ne sont délibérément pas rappelés.
| Dimension | OpenDesign | Figma Make |
|---|---|---|
| Licence | Apache-2.0, code source complet sur GitHub | Propriétaire, source fermée |
| Environnement d'exécution | Local d'abord ; votre machine et votre dépôt | Cloud hébergé de Figma uniquement, environnement d'exécution en bac à sable |
| Accès | Aucun requis ; cloner et exécuter | Licence Figma Full payante pour l'auteur |
| Coût | Gratuit ; vous payez votre propre fournisseur pour l'utilisation de l'API | Licence plus crédits IA mesurésmontants non réaffirmés |
| Limites d'utilisation | Aucune imposée ; limitée par votre clé | Allocation mensuelle de crédits, se réinitialise chaque mois |
| Modèle | N'importe lequel, via votre agent de codage | Claude Sonnet, fixe |
| Sortie et portabilité | Fichiers dans votre dépôt : interface utilisateur, composants, système de conception | Exportation React/TSX ; l'application en cours d'exécution reste dans Figma |
| Backend | N'importe lequel ; l'agent écrit pour votre pile | Supabase uniquement |
| Hébergement | Votre infrastructure, où que vous déployiez | Publication hébergée par Figma, Figma Sites |
Où Figma Make gagne
Si votre équipe vit déjà dans Figma, le premier kilomètre est difficile à battre : attachez un cadre existant comme source de vérité, obtenez une application React cliquable sans quitter la zone de travail, pointez et promptez pour la modifier, et publiez en un clic.
Où OpenDesign gagne
Propriété et économie : fichiers dans votre dépôt dès le premier rendu, n'importe quel agent et modèle, pas de licence, pas de plafond de crédits, n'importe quel backend, n'importe quel hôte, et rien que vous ne puissiez forker.
Décision
Quand OpenDesign est la bonne alternative à Figma Make
Équipe de conception sur des licences Full
Un prototype cliquable à partir d'un cadre existant, montré en interne
Figma MakeAttachez le cadre, générez, publiez sur une URL protégée par mot de passe. Les licences sont payantes et le canevas est là où se trouve déjà le travail ; un dépôt ne ferait que ralentir cela.
Ne convient pas quand le prototype doit devenir le code du produit.
Équipe produit
Le prototype est le produit ; l'ingénierie en est propriétaire dès le premier jour
OpenDesignBriefez l'agent avec la marque ; l'interface atterrit dans le dépôt sous forme de fichiers, sur votre propre backend, déployée sur votre propre hébergeur.
Ne convient pas quand personne dans l'équipe n'utilise un agent de codage.
Équipe mixte
Les designers explorent dans Make ; les ingénieurs reconstruisent le gagnant
Utilisez les deuxExtrayez la marque dans DESIGN.md et laissez OpenDesign construire le concept validé sous forme de fichiers, tandis que l'exploration reste dans Make à partir des cadres Figma.
Ne convient pas quand vous vous attendez à ce que le fichier Make et le dépôt restent synchronisés ; ce n'est pas le cas.
Équipe à court de crédits
L'allocation mensuelle est épuisée le dix du mois
OpenDesignL'itération est la partie qui brûle les crédits ; déplacez-la vers votre propre agent et clé où il n'y a pas de plafond.
Ne convient pas quand le travail restant est sur le canevas, pas dans l'application.
Transférez un design, ou utilisez les deux
Comment transférer une application de Figma Make vers OpenDesign
Il n'y a pas d'importation automatique de Figma Make vers OpenDesign aujourd'hui. Ce qui est transféré, c'est la marque, le brief et la source React exportée comme référence ; l'application en cours d'exécution, son câblage Supabase et sa publication hébergée par Figma restent dans l'environnement d'exécution de Figma.
| Ce qui est transféré | |
|---|---|
| La marque | Pointez votre agent sur l'aperçu Make ou le cadre Figma source ; il extrait les couleurs, la typographie, l'espacement et le ton dans DESIGN.md. |
| Prompts | Texte brut. Collez les prompts qui ont construit l'application Make dans un projet OpenDesign tels quels. |
| React/TSX exporté | L'export ZIP ou GitHub peut servir de référence structurelle ; l'agent effectue un nouveau rendu sous DESIGN.md plutôt que de le patcher. |
| Ce qui reste dans Figma Make | |
| L'application en cours d'exécution | L'aperçu, les cibles de publication et le chemin Figma Sites vivent dans l'environnement d'exécution de Figma derrière une licence. |
| Câblage Supabase | Le backend de Make est uniquement Supabase ; l'agent d'OpenDesign écrit pour n'importe quel backend que vous apportez. |
| Modifications du canevas et historique | L'historique des modifications par pointage dans le fichier Make n'est pas transféré ; OpenDesign commence sa propre piste de versions. |
-
Installez OpenDesign et ouvrez un projet
Téléchargez l'application de bureau et créez un projet dans le dépôt où l'application doit vivre. Le démarrage rapide couvre le chemin de construction à partir des sources séparément.
-
Exportez l'application Make et son cadre source
Téléchargez le ZIP React/TSX (ou poussez vers GitHub) et exportez un PNG du cadre Figma dont vous souhaitez conserver l'apparence.
-
Demandez à l'agent d'extraire la marque dans DESIGN.md
Vérifiez le fichier manuellement par rapport aux variables Figma : une couleur d'accentuation, les bonnes polices, le bon rayon. C'est la seule étape de migration qui nécessite du jugement.
-
Rendez le brief original avec la nouvelle marque
Choisissez une compétence et effectuez le rendu ; câblez-la à votre propre backend et déployez-la sur votre propre hébergeur. À partir d'ici, chaque version est un fichier et rien n'est décompté d'une allocation de crédits.
Utiliser les deux
Gardez Figma Make pour l'exploration à partir de cadres et de prototypes internes ; utilisez OpenDesign pour l'application qui est livrée. Mettez à jour DESIGN.md lorsque les variables Figma changent. Rien ne se synchronise automatiquement.
Repli et perte
Si vous abandonnez la licence complète, exportez d'abord : l'application en cours d'exécution, son URL de publication et son câblage Supabase sont les parties qu'OpenDesign ne peut pas recréer. Si un rendu OpenDesign échoue, la dernière version reste sur le disque et le brief est inchangé.
Un test de 20 minutes
Essayez OpenDesign sur une application que vous avez déjà créée dans Figma Make
Prenez une application que vous avez générée dans Figma Make et reconstruisez-la dans OpenDesign avec votre propre agent, en dehors de l'environnement d'exécution de Figma. Si le résultat n'est pas utilisable en vingt minutes, cette comparaison vous aura appris quelque chose d'utile.
1La tâche
Voici la source React exportée et une capture d'écran d'une application que j'ai créée dans Figma Make. Extrais sa marque dans DESIGN.md, puis reconstruis l'écran principal à partir de ce brief en utilisant mes règles de design, sur ma propre stack. Vérifie-le aux largeurs de bureau et mobile.
- 01Exportation entranteLe ZIP React/TSX et une capture d'écran de l'application Make ou de son cadre source.
- 02DESIGN.md sortantVotre marque extraite dans un fichier du dépôt — vérifiez-la par rapport aux variables Figma.
- 03Même écran, renduBureau et téléphone sur votre stack, puis une modification effectuée en pointant sur un élément.
2Cela a fonctionné si…
- DESIGN.md existe dans le dépôt et correspond aux valeurs de la bibliothèque Figma.
- L'écran s'affiche à 1440 et 390 en dehors de l'environnement d'exécution de Figma, sans défilement horizontal.
- Une modification ("titre plus calme") appliquée en pointant sur l'élément, sans dépenser de crédit.
- Deux versions se trouvent côte à côte sous forme de fichiers ; rien n'a été écrasé silencieusement.
Si cela n'a pas fonctionné : vérifiez que votre agent est connecté et authentifié pour le mode choisi, puis réessayez avec un brief plus petit avant de juger l'outil.
Autres options
Autres alternatives à Figma Make
FAQ
Alternative à Figma Make : FAQ
Combien coûte Figma Make ?
La création nécessite une licence payante Figma Full plus des crédits IA facturés par action, avec un quota mensuel qui se réinitialise et n'est pas reporté ; cette page ne rappelle pas les montants. OpenDesign est gratuit à exécuter ; vous payez votre propre fournisseur pour l'utilisation du modèle.
Puis-je auto-héberger Figma Make ou l'exécuter localement ?
Non. Figma Make s'exécute exclusivement dans le cloud hébergé de Figma. OpenDesign est local-first et s'exécute entièrement sur votre machine ; il s'auto-héberge partout où Node 24 s'exécute.
Ai-je besoin d'une licence Figma payante pour utiliser Figma Make ?
Oui. La création dans Make nécessite une licence Full payante ; les licences Dev et Collab n'ont qu'un accès d'essai. OpenDesign ne nécessite ni compte ni licence.
Puis-je exporter le code généré par Figma Make ?
Oui : téléchargez l'application React/TypeScript sous forme de ZIP ou poussez-la sur GitHub. L'exportation est le code source, pas un déploiement clé en main ; l'application en cours d'exécution et le câblage Supabase restent liés au runtime de Figma. Avec OpenDesign, le résultat est constitué de fichiers dans votre dépôt dès le départ.
OpenDesign est-il une alternative directe à Figma Make ?
Pas littéralement. Ils se chevauchent sur le prompt-to-working-UI ; OpenDesign ne s'attache pas aux frames Figma et ne publie pas dans Figma. Le verdict liste les conditions pour chacun.
OpenDesign est-il open source ?
Oui. Apache-2.0, local-first, BYOK avec votre propre agent de codage et clé, sur github.com/nexu-io/open-design. Figma Make est propriétaire et closed-source.
OpenDesign est-il affilié à Figma ?
Non. OpenDesign est un projet open source indépendant. Figma et Figma Make sont des marques déposées de Figma, Inc. ; il s'agit d'une comparaison non affiliée rédigée par l'équipe OpenDesign.
Essayez OpenDesign sur une vraie application
Reconstruisez une application que vous avez créée dans Figma Make avec votre propre agent de codage, en dehors de la licence et des crédits, jugez l'aller-retour, puis décidez. Choisissez la situation qui vous correspond ; la page ne détecte pas votre configuration.