Figma, de guilty pleasure voor iedere designer
29 april 2022
Door Emiel Kuipers
Leestijd: 4 minuten
Altijd afgevraagd hoe UX/UI designers websites, webshops of juist een webapplicatie tot stand brengen? Hiervoor hebben zij hun magische✨ tools. Zo zijn er diverse software opties waar gebruik van wordt gemaakt. Je hebt bijvoorbeeld Sketch maar ook Adobe biedt de mogelijkheid aan met Adobe XD.
Voordat we al onze snufjes met jullie delen, willen we eerst laten weten wat wij nou juist zo handig vinden aan deze online software tool.
Figma wordt bij ons voor vrijwel alles gebruikt. Zo maken wij onder andere logo’s, website’s, landingpagina’s maar ook complete webshops (awesome 🤙🏼). Het programma biedt vooral gemakkelijke mogelijkheden om dit allemaal snel tot in de puntjes te realiseren. Auto-layout, componenten en plug-ins zijn hierin de perfecte voorbeelden. Zo zorgt auto-layout er bijvoorbeeld voor dat je consistent in je ontwerpen bent. Plug-ins maken je werkzaamheden nog een stukje makkelijker gezien het ontwikkeld is vanuit de community van Figma. Ja dat lees je goed. Je kan dus je eigen tools die je mist zelf bouwen en delen binnen de Figma community!
Maar naast deze handige snufjes biedt Figma ook nog een junior variant aan genaamd Figjam. Dit heeft vele voordelen. Zo kan je bijvoorbeeld persona’s, wireframes of juist user stories opmaken. Door de minimale opties denk je alleen maar aan wat er echt toe doet. Dit draagt zeker bij aan een goede user experience. 😄
Naast dat onze designers veel en graag mee werken, plukken ook onze marketeers hier ook de vruchten van. Het opmaken van diverse media uitingen zoals socials worden namelijk ook in Figma opgemaakt!
Onze developers plukken hier ook graag de vruchten van, die doen dit ook met veel plezier door middel van snippets (code) of juist de command functie waardoor ze aangeven dat sommige dingen niet helemaal realistisch is (oeps 🙊). Door deze opties kunnen we juiste keuzes maken en het design en de technische realisatie naar een hoger niveau brengen.
We hebben nu al een voorproefje gegeven wat de voordelen van Figma of Figjam zijn maar we maken nog een verdieping slag. Figma heeft namelijk een aantal feature’s wat andere software partijen zoals Sketch, Adobe XD minder verfijnd aanbieden.
Figma werkt vanuit de browser dit betekent dus dat het voor iedereen is. Ik hoor je denken “Is dit nou bijzonder?”. Het zijn vooral concurrerende partijen zoals Sketch of Adobe XD die dit niet aanbieden op deze manier. Wellicht ken je het wel: al die bestanden die opslaat op je Windows- of juist Mac-computer. Bij Figma is dit niet van toepassing.
Figma is dus basicly de koploper op dit gebied. Dit houdt in dat je altijd en overal bezig kunt met jouw ontwerp. Zo kan je bijvoorbeeld vanuit huis werken en hoef je je overheerlijke maaltijd niet te missen, gezien je nog even de finishing touch wilt doen.
Er zit nog een mooie feature in Figma. Namelijk gezamelijk werken vanuit één document. Misschien maak je wel eens gebruik van Google Docs? Hierin kun je gezamenlijk werken in hetzelfde bestand. Bij Figma werkt dit in principe op dezelfde manier, waardoor je gezamenlijk designs kunt maken én de klant op afstand realtime mee kunt laten kijken naar de vorderingen. Dit maakt het bijvoorbeeld mogelijk om (klant)feedback tijdens een call direct te verwerken en de klant deze aanpassingen direct te laten zien zien.
Heb je toch liever dat er niemand met je meekijkt? Dan kun je ook in je eigen ‘drafts’ aan het werk.
Uiteraard is Figma te downloaden voor zelf windows als mac. Een groot voordeel hiervan is, is dat je gewoon offline te werk kan gaan met jou ontwerpen! Klaar met je ontwerpen en weer in de mogelijkheid om jezelf op online te zetten? Figma zorgt ervoor dat al je werkzaamheden automatisch worden opslagen op hun server. Zo is je werk altijd opgeslagen. Geen toestanden meer met veel verschillende bestanden op je desktop. Uiteraard kan je je vorige versies terug halen. Handig, toch? 😄
Auto-layout, dit zorgt ervoor dat je nog eenvoudiger en consenteren je designs kan doorvoeren. Denk aan buttons, teksten, cards of complete geavanceerde secties die opgebouwd kunnen worden doormiddel van auto-layout. Voordelen hiervan? Jouw ontwerpen blijft nog consistenter en jij kan nog sneller te werk gaan.
De kracht van één object ontwerpen. Figma biedt de mogelijkheid aan om objecten maar één keer op te maken doormiddel van componenten. Stel je dus voor jij maakt een button op maar wilt hier diverse variaties op. Je maakt dus maar één button op als hoofd component en maakt hierop varianties zoals een ghost button of juist een tertiaire button. Daarnaast kan je deze componenten ook gebruiken in team libraries.
Ja dat lees je goed. Hoe fantastisch is het om je ontwerp tot leven zien te komen doormiddel van prototype. Je kunt gemakkelijk in Figma diverse frames met elkaar koppelen en je ontwerp echt tot leven laten komen. Je kan tevens direct je mobile, IOS of juist android designs direct laten weergeven op je telefoon doormiddel van Figma mirror.
Om je team of klant nog meer te overtuigen van je mooie design kan je dit nog versterken doormiddel van smart animate. Zo creëer je nog meer belevening aan jouw prototype.
Hoe meer ik gebruik maak van Figma des te meer reden ik heb om Figma te gebruiken. Er zitten genoeg detail/tools in die je uit eindelijk ontdekt zodra je gebruik maakt van Figma. Over het algemeen voelt het als een goed doordachte software voor vele designers.
