Figma is een designtool die in je browser draait en gebruikt wordt om de schermen van een website of app te tekenen en te prototypen. De opvallendste eigenschap is live samenwerking: meerdere mensen kunnen tegelijk in hetzelfde bestand werken en elkaars cursors zien, zoals een gedeeld document werkt voor tekst. Er valt niets te installeren en niets rond te mailen. Het bestand staat in de cloud en iedereen opent dezelfde link.
Zie het als een gedeeld digitaal whiteboard speciaal voor interfaces. Een ontwerper schetst een scherm, een collega zet een opmerking in de kantlijn en een developer opent hetzelfde bestand om de exacte witruimte en kleuren af te lezen, allemaal zonder bestanden heen en weer te sturen. Daardoor is het een logische plek voor mockups en klikbare prototyping, waarbij je door een nep-app klikt om te voelen hoe hij loopt voordat er code bestaat. Stakeholders reageren op iets wat beweegt, niet op een platte PDF, en zo vang je verwarring vroeg af.
Veel teams bewaren ook hun design system in Figma, zodat herbruikbare componenten naast de schermen staan die ze gebruiken. Pas een component een keer aan en elk scherm dat ernaar verwijst wordt bijgewerkt. Dezelfde logica drijft de overdracht aan. Een developer inspecteert een laag en Figma toont de maten, de kleurwaarden en het lettertype, zodat de bouw overeenkomt met het ontwerp in plaats van ervan af te dwalen.
Bij TopDevs werken we vanuit het Figma-bestand van de klant als visuele bron van waarheid en bouwen we het sectie voor sectie na, zodat wat we opleveren overeenkomt met wat is goedgekeurd.