Figma: De standaard voor modern webdesign
Als je in de digitale wereld werkt, heb je de naam vast al eens horen vallen: Figma. Het is in korte tijd uitgegroeid tot de absolute favoriet van designers en developers wereldwijd. Maar wat maakt deze tool zo bijzonder en waarom hebben wij onze processen er volledig op ingericht? Hier lees je alles wat je moet weten.
Wat doet Figma?
Figma is een tool voor interface design. Je gebruikt het voor het ontwerpen van websites, apps en andere digitale producten. Het grote verschil met veel oudere programma’s is dat Figma volledig in de cloud werkt. Je hoeft dus niets te installeren en je kunt het gewoon in je browser openen.
De kracht zit hem in de samenwerking. Je kunt met meerdere mensen tegelijk in hetzelfde bestand werken. Zie het als Google Docs, maar dan voor design. Je ontwerpt schermen, maakt klikbare prototypes en zet designs klaar voor de bouw. Het is snel, toegankelijk en gemaakt voor het moderne internet.
Waarom is het een goed alternatief voor Adobe XD?
Jarenlang was Adobe XD een populaire keuze, maar Figma heeft het stokje overgenomen. En dat is niet voor niets. Figma loopt voorop als het gaat om functionaliteiten die het leven van een designer makkelijker maken.
Neem bijvoorbeeld Auto-layout. Dit is een functie die ze in Figma perfect hebben uitgewerkt, terwijl dit in Adobe XD vaak beperkt of onhandig aanvoelt. Met Auto-layout groeien knoppen en lijsten automatisch mee als je de tekst of inhoud aanpast. Dit scheelt enorm veel handmatig sleepwerk.
Daarnaast is de overdracht naar developers in Figma veel beter geregeld. Waar je in Adobe XD vaak tegen muren aanloopt als je specifieke design-informatie wilt delen, is Figma hier speciaal voor gebouwd. Het is niet zomaar een tekenprogramma, het is een systeem voor productontwikkeling.
Waarom wij Figma gebruiken
Voor ons als agency is de keuze voor Figma simpel: het is de industriestandaard. Bijna iedereen werkt ermee, wat betekent dat al onze mensen er direct mee overweg kunnen. Maar de grootste winst zit hem in de samenwerking tussen design en development.
Het is voor ons heel makkelijk om vanaf een Figma-design direct te gaan ontwikkelen. Dit komt door een paar specifieke voordelen:
- Eenvoudige export: Je kunt alle afbeeldingen en iconen direct uit het design kopiëren zonder gedoe.
- Duidelijke stijlen: Je ziet in één oogopslag welke lettertypes (fonts) er worden gebruikt.
- Kleuren: Je haalt de exacte kleurcodes direct uit de elementen.
Dit proces is in Figma een verademing vergeleken met tools zoals Adobe XD. In XD ontbreekt vaak de diepgang om deze technische informatie er makkelijk uit te halen. Figma maakt het designproces niet alleen leuker, maar zorgt er ook voor dat het eindresultaat pixel-perfect wordt gebouwd.
Wat kost Figma?
Figma hanteert een heel toegankelijk prijsmodel.
- Starter (Gratis): Ideaal om mee te beginnen. Je kunt onbeperkt bestanden maken in je ‘drafts’ en werken met 3 bestanden waarin je samenwerkt.
- Figma Professional: Dit kost ongeveer €12 tot €15 per editor per maand (afhankelijk van of je jaarlijks of maandelijks betaalt). Hiermee krijg je onbeperkte bestanden, versiegeschiedenis en kun je bibliotheken delen met je team.
- Figma Organization: Voor grote bedrijven met geavanceerde beheersfuncties, vanaf ongeveer €45 per maand.
Voor veel freelancers en kleine teams is de gratis versie of de Professional-versie al meer dan genoeg om professioneel aan de slag te gaan.