Dette er en guide for å komme i gang med bruk av Tokens og komponenter fra designsystemet i Figma.

For å oppnå helhetlige tjenester i MMG er vi avhengige av at vi:

• Bruker felles grunnleggende designelementer og komponenter
• Etablerer gjenkjennbare mønstre som brukes på tvers av tjenester og produkt
• Baserer det vi lager på bred brukerinnsikt, og samler behov fra flere deler av MMG.

For å kunne gjøre dette har vi:

• Et bibliotek i Figma med generiske, fleksible komponenter som kan styles ulikt
• Design Tokens som sørger for en «single source of truth» og støtter multibranding
• Kodede komponenter i et godt dokumentert bibliotek
• Et felles innsiktsbibliotek som kan lenkes opp mot konkrete komponenter og interaksjonsmønstre

Design tokens

Design tokens representerer de små, designbeslutningene som utgjør det visuelle uttrykket i et designsystem. Tokens er verdier som trengs for å konstruere og vedlikeholde et design, for eksempel mellomrom, farger, typografi, objektstiler, animasjon og mer. De er en "sannhetskilde" for å sikre at produktopplevelsene føles enhetlige og sammenhengende.

Tokens erstatter statiske verdier, som heksadesimalkoder for farger, med selvforklarende navn. Ved å bruke design tokens i stedet for hardkodede verdier, kan arbeidet med å bygge, vedlikeholde og skalere produkter med et designsystem effektiviseres.

Token Studio er en plattform som lar oss organisere, oppdatere og dele design tokens. Vi bruker Tokens Stuido i det vi designer i Figma for å enkelt applisere tokens og bytte bytte mellom temaer. Under kan du lese om hvordan du setter opp og bruker Token Studio.

Design tokens blir laget og strukturert i en plugin til Figma som heter Tokens Studio.