Figma Make: wat het is, hoe het werkt, credits en limieten (2026)12 min read

Figma Make is de AI-prompt-naar-app-tool van Figma. Je beschrijft wat je wilt, of vertrekt vanuit een Figma-ontwerp, en er wordt een werkend prototype of web-app gebouwd die je kunt bekijken, verfijnen in de chat, in code kunt bewerken en publiceren. Het bevindt zich in Figma als een speciaal Make-bestand, zodat het uw ontwerpen en bibliotheken als context kan gebruiken. Het is bedoeld voor ontwerpers, productmanagers en iedereen die een idee moet omzetten in iets waar mensen op kunnen klikken.

Feiten gecontroleerd op de Figma Make-pagina en het Figma-helpcentrum op 1 november 2026. Abonnementen, tegoeden en functies veranderen vaak, dus bevestig de huidige details in Figma voordat u koopt.

In deze handleiding wordt stap voor stap uitgelegd wat Figma Make is, hoe het werkt, welke functies er toe doen, wie het kan gebruiken, hoe AI-credits werken, hoe te publiceren en exporteren, en waar de limieten liggen. Als u tussen tools kiest, onze Vergelijking Figma Make versus Anima Playground dekt alternatieven.

Wat is Figma Make?

Figma beschrijft Figma Make als een AI-gestuurde, prompt-to-app-tool waarmee u ideeën en bestaande Figma-ontwerpen tot leven kunt brengen als functionele prototypes, webapps en interactieve gebruikersinterface. Je werkt in een chat naast een live preview, en alles wat je bouwt is voorzien van code, zodat je kunt schakelen tussen de preview, point-and-click-bewerkingen en de code zelf.

Figma introduceerde Make tijdens Config 2025 en is uitgegroeid van een idee met één component tot een volledig product met planmodus, een code-editor, backends, publicatie en integraties. Het staat los van Figma Design: u maakt een Make-bestand op dezelfde manier als waarop u andere Figma-bestanden maakt, met behulp van de Make-knop in uw concepten.

Wat kun je bouwen met Figma Make?

• Een klikbaar prototype van een stroom of functie om met gebruikers te testen.
• Een interactieve versie van een bestaand Figma-ontwerp, met overgangen en logica.
• Een kleine web-app of interne tool, met een backend voor gegevens en inloggen.
• Een landingspagina of microsite die u naar een openbare URL kunt publiceren.

Hoe Figma Make werkt, stap voor stap

1. Maak een Make-bestand. Open uw concepten in de Figma-bestandsbrowser en klik op Make in de rechterbovenhoek. U kunt ook starten vanaf een sjabloon of door een GitHub-repository te klonen.
2. Schrijf een prompt. Beschrijf wat je wilt bouwen in de chat. U kunt typen of dicteren. Wees specifiek over de gebruiker, de hoofdtaak en de schermen.
3. Voeg context toe. Voeg Figma-ontwerpen toe of plak frames in de chat, haal stijlcontext uit een Figma-bibliotheek (betaalde abonnementen), voeg een backend toe, verbind tools via MCP-connectoren of laat Make op internet zoeken of een URL ophalen.
4. Plan eerst als je controle wilt. Bij betaalde abonnementen genereert de planmodus een gestructureerd plan dat u kunt bewerken voordat er code wordt geschreven.
5. Bekijk het voorbeeld. Make bouwt de app en toont deze live. Klik er doorheen zoals een gebruiker dat zou doen.
6. Verfijnen. Blijf chatten, gebruik point and edit om specifieke elementen te wijzigen, voeg annotaties toe en verzend ze samen, of open de code-editor en wijzig de code rechtstreeks.
7. Deel of publiceer. Deel het bestand voor feedback met commentaar, kopieer het voorbeeld terug naar Figma Design als lagen, publiceer het naar een openbare URL of download de code.

Een praktische tip uit de documenten van Figma: voeg een frame of een component toe in plaats van een link naar uw Figma-bestand te plakken. Make leest geen ontwerp van een URL en een geplakte link kan tot onverwachte uitvoer leiden.

Belangrijkste Figma Make-functies

Figma Make versus Figma-codelagen versus Figma Sites

Deze drie raken in de war. Figma Make werkt in een speciaal bestand waarin u een app bouwt en publiceert. Met codelagen kunt u interactieve ideeën verkennen naast uw ontwerpen op het Figma Design-canvas; zie onze gids voor Figma-codelagen en specificaties. Figma Sites is voor het publiceren van websites die zijn ontworpen in Figma. Kies Make wanneer de uitvoer zich als een app moet gedragen, en codeerlagen wanneer u naast uw statische ontwerp een interactief element wilt.

Wie kan Figma Make gebruiken en wat kosten AI-credits?

Figma Make is beschikbaar op Starter (met beperkingen), Professional, Organization, Enterprise, Onderwijs (gebruikers van hoger onderwijs en bootcamp) en overheidsplannen. Uw stoel bepaalt wat u kunt doen:

Make draait op AI-credits. Elke stoel bevat tegoeden, deze worden maandelijks gereset en kunnen niet worden gedeeld of overgedragen. Volgens de documentatie van Figma in oktober 2026:

Hoeveel credits een prompt gebruikt, is afhankelijk van het model dat u kiest en de taak. De eigen voorbeelden van Figma, gebaseerd op het standaardmodel uit februari 2026, brachten een kleine verandering met zich mee, zoals het updaten van lettertypen op ongeveer 30 of meer credits en het interactief maken van een bijgevoegd ontwerp op ongeveer 75 of meer. Als u een lichter model kiest voor kleine bewerkingen en de planmodus gebruikt voor grote builds, blijven uw credits langer behouden.

Publiceren, backends en uw werk uit handen nemen

Publiceren

Klik op Publiceren, stel een titel in en Make geeft u een openbare URL die er zo uitziet three-random-words.figma.site. U kunt een aangepast domein koppelen aan ondersteunde abonnementen. Gepubliceerde apps worden gehost op Amazon Web Services met routering via Cloudflare, ze worden standaard niet geïndexeerd door zoekmachines en Make heeft geen ingebouwd analysedashboard, hoewel u een Google Analytics-ID kunt toevoegen in de instellingen.

Achterkant

Om gegevens op te slaan en inloggen te ondersteunen, kunt u Make vragen om een ​​door Payload aangedreven backend te maken met een database, bestandsopslag, authenticatie en een beheerderspaneel, of uw eigen Supabase-project verbinden vanuit de Make-instellingen.

Exportcode

Gebruikers met een volledige of ontwikkelaarslicentie kunnen alle bestanden in een Make-bestand downloaden als ZIP via Bestandsacties op het tabblad Bestanden. Beschouw de download als een prototype-codebasis: voer hem lokaal uit, bekijk hem en refactoreer hem voordat je erop voortbouwt.

Verplaats het ontwerp terug naar Figma

Bij betaalde abonnementen kunt u het huidige voorbeeld als ontwerplagen kopiëren en in Figma Design plakken. De lagen zijn bewerkbaar, maar het zijn momentopnamen. Ze zijn niet interactief, niet gekoppeld aan het Make-bestand en niet automatisch gekoppeld aan uw ontwerpsysteem.

Figma Make-limieten die u moet kennen voordat u begint

• Voor de meeste functies is een volledige licentie vereist bij een betaald abonnement, en bij grote builds kunnen de tegoeden snel opraken.
• Het is gebouwd voor prototypes en eenvoudige apps. Productiesoftware heeft nog steeds technische beoordeling, tests, beveiliging en onderhoud nodig.
• Wijzigingen die u aanbrengt in gekopieerde lagen in Figma Design vloeien niet terug naar het Make-bestand.
• Als u het model vraagt ​​om Supabase te gebruiken en de integratie is niet verbonden, kan het nepcode genereren in plaats van een werkende verbinding.
• SEO-controles en analyses zijn minimaal voor gepubliceerde sites.
• Je kunt hem geen Figma-link geven en verwachten dat hij het bestand leest. Bevestig of plak het frame.

Als je echte front-endcode, een websitekloon of een app nodig hebt die buiten Figma leeft, kijk dan naar een alternatief zoals Anima Playground. Wij vergelijken ze eerlijk in Figma Make versus Anima Playground.

Snelle ideeën voor Figma Make

Specifieke aanwijzingen met een naam voor de gebruiker, de taak en de statussen leveren betere eerste resultaten op. Probeer deze:

• “Bouw een onboardingflow in drie stappen voor een budgetteringsapp. Toon een voortgangsindicator, valideer elk veld en eindig op een successcherm.”
• “Verander het bijgevoegde prijsframe in een interactieve pagina. Voeg een maandelijkse en jaarlijkse schakelaar en een hoverstatus toe aan elke plankaart.”
• “Maak een ondersteuningsdashboard voor een agent die tickets beoordeelt. Voeg filters, een lege status en een laadstatus toe.”
• “Maak een prototype voor een mobiele kassa met gastenafrekenen, adresvalidatie en een orderbevestiging.”

Bouw een werkende app met Anima Playground

Liever een echte website of app die je kunt exporteren en verzenden? Beschrijf het, en Anima zal het bouwen.

Veelgestelde vragen over Figma Make

Wat is Figma Make?

Figma Make is de AI-gestuurde, prompt-to-app-tool van Figma. Het verandert een prompt of een bestaand Figma-ontwerp in een functioneel prototype, webapp of interactieve gebruikersinterface die u kunt bekijken, bewerken in chat of code, en publiceren.

Is Figma Make gratis?

Starter-abonnementen kunnen Figma Make gratis verkennen met limieten, waaronder 500 AI-credits per maand en een dagelijkse limiet. Volledige licenties voor betaalde abonnementen krijgen meer credits en functies, zoals teambibliotheekcontext, planmodus, delen en publiceren. Abonnementen veranderen, dus controleer de prijzen van Figma.

Hoe gebruik ik Figma Make?

Klik in uw Figma-concepten op Make, schrijf een prompt in de chat, voeg ontwerpen of stijlcontext toe als u die heeft, verzend deze en verfijn het resultaat met chat, point and edit of de code-editor. Deel, publiceer of exporteer het vervolgens.

Kan Figma Make code exporteren?

Ja. Gebruikers met een volledige of ontwikkelaarslicentie kunnen de code van een Make-bestand als ZIP downloaden vanaf het tabblad Bestanden. Het kan het beste worden behandeld als een prototype-codebasis die u beoordeelt voordat u deze in productie neemt.

Kan ik een Figma Make-app publiceren?

Ja. Volledige licenties kunnen publiceren naar een openbare figma.site-URL, en beginnende gebruikers kunnen alleen openbaar publiceren als ze ook publiceren naar de Figma Community. U kunt een aangepast domein toevoegen aan ondersteunde abonnementen, en gepubliceerde apps worden standaard niet door zoekmachines geïndexeerd.

Wat is het verschil tussen Figma Make en Anima Playground?

Figma Make bouwt prototypes en apps binnen het Figma-ecosysteem. Anima Playground is een zelfstandige werkruimte die begint met aanwijzingen, Figma-ontwerpen, URL’s of afbeeldingen en bewerkbare HTML of React produceert die u kunt exporteren, doorgeven en publiceren. Zie onze vergelijking voor meer informatie.