Et designsystem i Figma er fundamentet for konsistens og fart. Vi bygger komponenter med varianter, tokens for farver, typografi og afstande, og dokumentation, der gør systemet nemt at bruge. Ydelsen findes, fordi de fleste virksomheder har et logo og en farvepalet, men ingen fælles definition af, hvordan en knap, et produktkort eller en formular ser ud. Resultatet er, at hver ny side og kampagne tegnes forfra.
Vi starter med at kortlægge, hvad der findes: skærmbilleder af shop, mails, annoncer og præsentationer samles, og de gentagne elementer identificeres. Derefter defineres tokens i Figma Variables, komponenter bygges med varianter og auto layout, og udvikleren kobler dem til kode via CSS-variabler og Storybook. Systemet kobles til kode, så design og udvikling deler samme sandhed, og en farveændring sker ét sted.
I står med et Figma-bibliotek, jeres designere og marketing kan tegne i, en dokumentation med regler og eksempler, og en kodebase, hvor komponenterne har samme navne som i Figma. Nye landingssider, kampagner og mails tegnes på timer i stedet for dage, og de ligner resten. Vi oplærer teamet, så systemet bruges og vedligeholdes efter overlevering.
