Figma

In deze Figma-recensie wordt besproken waarvoor Figma wordt gebruikt, wat de belangrijkste functies van elk product zijn, de prijzen en licenties van Figma, Figma Sites en Figma Make, waarin de ontwerptool uitblinkt en waar hij tekortschiet, en hoe hij zich verhoudt tot andere tools. Figma werkt zowel in de browser als via een desktop-app, en alle bestanden worden in de cloud opgeslagen, zodat ontwerpers, ontwikkelaars en productmanagers tegelijkertijd aan hetzelfde bestand kunnen werken. Sinds 2025 is Figma meer dan één tool: naast Figma Design omvat het FigJam voor whiteboarden, Dev Mode voor de overdracht aan ontwikkelaars, Figma Slides, Figma Sites voor het publiceren van websites en Figma Make voor het omzetten van ontwerpen in werkende prototypes en webapps.

Waar wordt Figma voor gebruikt?

Figma wordt gebruikt om gebruikersinterfaces te ontwerpen voor websites, webapps en mobiele apps, van ruwe wireframes tot high-fidelity-prototypes. Ontwerpteams bouwen en onderhouden er ontwerpsystemen in: gedeelde componenten, stijlen en variabelen die elk scherm consistent houden, zodat het hele ontwerpproces vanuit één set bestanden verloopt. UX-ontwerpers maken interactieve prototypes voor gebruikerstests, en ontwikkelteams bekijken dezelfde Figma-bestanden om afmetingen, assets en codefragmenten te verkrijgen.

Voor low-code-teams is Figma vaak de eerste stap van een project. Een ontwerper maakt de schermen in Figma, en een bouwer zet deze om in een werkend product in Webflow, Framer, FlutterFlow of Bravo Studio. Met Figma Sites en Figma Make kan een team nu een deel van die overdracht overslaan: een website publiceren of een werkend prototype genereren zonder Figma te verlaten.

Belangrijkste functies

• Vectorbewerking en automatische lay-out: pen- en tekstgereedschappen voor nauwkeurig ontwerp, en een automatische lay-out die ervoor zorgt dat kaders zich aanpassen aan de inhoud en aan verschillende schermformaten.
• Componenten en ontwerpsystemen: maak herbruikbare componenten met varianten en eigenschappen, publiceer ze als gedeelde bibliotheken en gebruik variabelen voor kleuren, spatiëring en modi zoals licht en donker.
• Interactieve prototypes: koppel meerdere schermen met klikken, hover-toestanden en slimme animatieovergangen, met voorwaardelijke logica en variabelen voor realistischere workflows.
• Samenwerking in realtime: meerdere bewerkers in hetzelfde bestand, opmerkingen, versiegeschiedenis, audiogesprekken en deelbare links voor externe medewerkers met toegang om te bekijken of opmerkingen te plaatsen.
• Dev Mode: afmetingen, CSS- en platformcodesnippets, export van assets en Code Connect, zodat ontwikkelaars kunnen zien hoe een ontwerp zich verhoudt tot hun componenten.
• Figma AI: AI-functies om eerste ontwerpen te genereren, lagen te hernoemen, visueel door bestanden te zoeken en tekst te schrijven, afgemeten in AI-credits per gebruiker.
• FigJam: een whiteboard met plakbriefjes, sjablonen en diagrammen voor ideeën en workshops, toegankelijk voor niet-ontwerpers.
• Plug-ins en de Figma-community: duizenden plug-ins, UI-kits en sjablonen, plus privé-plug-ins bij de Organization- en Enterprise-abonnementen.

Prijzen van Figma

Figma verkoopt licenties, geen producten. De onderstaande cijfers zijn afkomstig van de prijspagina van Figma en het artikel over abonnementen en functies, per september 2026.

• Starter (gratis abonnement): $0. Eén team, één map en 3 ontwerpbestanden, onbeperkt aantal conceptversies, 30 dagen versiegeschiedenis, toegang tot sjablonen en UI-kits, 150 AI-credits per dag tot maximaal 500 per maand.
• Professional: Full-licentie $16, Dev-licentie $12 en Collab-licentie $3 per maand. Onbeperkt aantal bestanden en onbeperkte versiegeschiedenis, teambibliotheken, geavanceerde prototyping, 3.000 AI-credits per maand bij een Full-licentie.
• Organisatie: wordt jaarlijks gefactureerd. Volledige licentie $55, Dev-licentie $25, Collab-licentie $5 per maand. Voegt vertakking en samenvoeging toe, Code Connect, gecentraliseerd beheer en privé-plugins.
• Enterprise: jaarlijkse facturering. Full-licentie $90, Dev-licentie $35, Collab-licentie $5 per maand. Biedt bovendien werkruimten, single sign-on, geavanceerde beveiliging en gastbeheer.

Een Full-licentie geeft toegang tot alle producten, inclusief Figma Design, Make, Sites en Dev Mode. Een Dev-licentie omvat Dev Mode, FigJam en Slides, met toegang tot het bekijken en becommentariëren van ontwerpbestanden. Een Collab-licentie omvat FigJam en Slides.

Het is belangrijk om te controleren welk abonnement elke persoon nodig heeft. Iedereen die ontwerpen bewerkt of Figma Make of Figma Sites gebruikt, heeft een Full-abonnement nodig, en de abonnementen Organization en Enterprise worden jaarlijks gefactureerd. AI-functies maken gebruik van een maandelijks krediet per abonnement, en bij intensief gebruik van Make raakt dit krediet snel op.

Aan de slag: de leercurve

Figma is eenvoudig om mee te beginnen: maak een gratis account aan, open een ontwerpbestand in de browser en teken frames, tekst en vormen. De leercurve zit hem in de geavanceerde functies die Figma zo snel maken voor ontwerpteams: automatische lay-out, componenten met varianten, variabelen en prototypinglogica. De meeste ontwerpers leren de basis binnen enkele dagen en de functies van het ontwerpsysteem, zoals componenten en variabelen, binnen enkele weken. Begin met een van de gratis sjablonen of een UI-kit uit de Figma Community, bouw een paar schermen uit een echt project na en deel het bestand met toegang voor opmerkingen om al vroeg feedback te krijgen. Voor een ontwikkelaar is de Dev Mode het onderdeel dat je als eerste moet leren; voor iemand die met een low-code-builder werkt, zorgt het leren lezen van componenten en automatische lay-out ervoor dat de overstap van Figma-ontwerpen naar een builder soepeler verloopt.

Figma versus Adobe XD en andere ontwerptools

Adobe XD was jarenlang de grootste concurrent van Figma, maar Adobe ontwikkelt het niet langer actief en de meeste teams die XD gebruikten, zijn overgestapt naar Figma. Sketch is nog steeds populair op de Mac en werkt offline, maar de samenwerking verloopt minder direct dan het bewerken van hetzelfde bestand in de browser. Penpot is een open-sourceoptie die je zelf kunt hosten, maar die minder functies biedt. Figma biedt meer controle over ontwerpsystemen, componenten en de overdracht aan ontwikkelaars dan al deze tools, met meer functies voor teams in één ontwerpworkflow. Daarom is het de standaardtool voor productteams geworden.

Figma Sites: publiceer een website vanuit Figma

Figma Sites zet Figma Design-frames om in responsieve websites en publiceert deze zonder dat je een aparte websitebouwer nodig hebt. Je begint met een ontwerpbestand of een sjabloon, gebruikt vooraf gebouwde blokken met automatische lay-out, voegt interacties toe zoals hover-toestanden en scrolleffecten, en beheert de inhoud in het Sites CMS. Aangepaste code en door AI gegenereerde codelagen zijn mogelijk voor effecten die de ingebouwde opties niet dekken (Figma Sites).

Voor het publiceren is een betaald abonnement met een Full-licentie vereist. Met Professional-abonnementen kun je maximaal 10 aangepaste domeinen koppelen, en met Organization- en Enterprise-abonnementen zoveel als nodig is (Figma Help Center). Figma Sites heeft nog steeds de status ‘bèta’. Het is geschikt voor portfolio’s, landingspagina’s en marketingsites die een ontwerpteam van begin tot eind zelf in beheer wil houden. Voor grotere sites met complexe CMS-behoeften kun je nog steeds beter terecht bij een speciale websitebouwer.

Figma Make: van prompt naar prototype en webapp

Figma Make is de AI-app-bouwer van Figma. Je beschrijft wat je wilt, voegt Figma-frames of een ontwerpsysteem toe, en Make genereert een werkend, op code gebaseerd prototype dat je visueel of in de code kunt bewerken (Figma Make). Make-kits synchroniseren je npm-pakketten, bibliotheekstijlen en richtlijnen, zodat het resultaat overeenkomt met je ontwerpsysteem. Een Supabase-integratie voegt een backend toe met een Postgres-database, aanmelding en geheime opslag (Figma Helpcentrum).

Make maakt deel uit van het Full-abonnement, en met het gratis Starter-abonnement kun je het uitproberen binnen je dagelijkse AI-tegoed. Starter-gebruikers kunnen een Make-bestand alleen op het openbare web publiceren als ze het ook in de Figma Community publiceren (Figma Make FAQ’s). Make is de snelste manier om interactieve prototypes te maken voor gebruikerstests. Voor een productie-app met complexe logica geven de meeste teams het resultaat nog steeds door aan ontwikkelaars of een low-code-platform.

Waar Figma uitblinkt — en waar het tekortschiet

Sterke punten:

• Realtime samenwerking in de browser, zonder dat er bestanden hoeven te worden rondgestuurd.
• De krachtigste tool voor ontwerpsystemen, componenten en variabelen.
• Eén tool van wireframe tot prototype, overdracht aan ontwikkelaars en zelfs een live website.
• Een enorme community met plug-ins, UI-kits en sjablonen, en een onbeperkt aantal medewerkers met weergavetoegang bij elk abonnement.

Nadelen:

• Betaalde licenties worden per editor in rekening gebracht, en de Organization- en Enterprise-abonnementen zijn alleen op jaarbasis beschikbaar.
• Geen echte code-export: Dev Mode toont codefragmenten, maar genereert geen front-end voor productie.
• Zeer grote bestanden met veel schermen kunnen het systeem vertragen, en voor het meeste werk is een internetverbinding nodig.
• Figma Sites is nog in de bètafase en minder flexibel dan een speciale websitebouwer.
• AI-functies en Make zijn beperkt door maandelijkse AI-credits.

Hoe Figma zich verhoudt tot andere tools

• Framer: ontwerp en publiceer websites in één tool, met een krachtiger CMS en hosting dan Figma Sites.
• Webflow: een visuele websitebouwer voor productiesites; teams ontwerpen in Figma en bouwen in Webflow.
• Canva: eenvoudiger ontwerp voor marketingafbeeldingen en sociale media, niet voor interfaceontwerp.
• FlutterFlow en Bravo Studio: zet ontwerpen om in native mobiele apps.
• Wix: een alles-in-één websitebouwer voor kleine bedrijven.
• Bubble: bouw complete webapps met logica en een database nadat het ontwerp klaar is.

Is Figma de moeite waard?

Figma is de moeite waard voor productteams, UX-ontwerpers en bureaus die samen interfaces ontwerpen en behoefte hebben aan een ontwerpsysteem dat voor alle projecten geldt. Het gratis abonnement is voldoende om de ontwerptool te leren kennen en ideeën uit te proberen, en het Professional-abonnement met onbeperkte bestanden volstaat voor de meeste kleine teams. Het is minder geschikt voor mensen die alleen marketingafbeeldingen nodig hebben – daarvoor is Canva eenvoudiger – of voor teams die een compleet websiteplatform willen, waarbij Framer of Webflow meer mogelijkheden bieden dan Figma Sites. Voor low-code-projecten is Figma meestal de juiste manier om te beginnen: ontwerp eerst de schermen en bouw ze vervolgens in het platform van je keuze. De low-code-bureaus en ontwikkelaars op LowCodeDevs kunnen een Figma-ontwerp overnemen en uitwerken.

Bronnen

• Prijzen van Figma: abonnementen, licentietypen, prijzen en AI-credits.
• Figma-abonnementen en functies: limieten van het Starter-abonnement en functies per abonnement.
• Figma Sites en een aangepast domein voor je site beheren: publiceren en aangepaste domeinen.
• Figma Make, veelgestelde vragen over Figma Make en een backend toevoegen: prompt-to-app, publiceren en Supabase.
• Figma-review 2026, ChooseSaaS: voor- en nadelen (de prijzen van $ 15, $ 45 en $ 75 per editor en een aparte Dev Mode-add-on zijn verouderd; op de prijspagina van Figma staan nu Full-licenties voor $ 16, $ 55 en $ 90 en een Dev-licentietype).
• 13 Figma-alternatieven, UX Pilot: alternatieven (geschreven door een concurrent).