Design tokens gir struktur, fleksibilitet og et felles språk mellom design og utvikling. Når vi designer digitale produkter, gjør vi mange viktige valg som påvirker brukeropplevelsen, merkevareuttrykket og den tekniske løsningen. Dette inkluderer å velge farger, typografi, avstander og andre visuelle elementer.
Design tokens hjelper oss å strukturere og forenkle disse valgene ved å definere dem i en maskinlesbar form. De fungerer som byggeklosser som kan brukes på tvers av produkter og plattformer.
Design tokens er et uttrykk for et designvalg, på en plattform-agnostisk måte, slik. at det kan deles på tvers av disipliner, verktøy og teknologier
At det er plattform-agnostisk, betyr at det skal være tilgjengelig uavhengig av verktøy og teknologier. At designvalgene kun ligger i Figma er ikke plattform-agnostisk. En plattform-agnostisk måte vil for eksempel være å ha tokensene tilgjengelig i en json-fil.
Ved å bygge et solid fundament basert på tokens kan du spare tid, redusere feil og sikre at designet alltid er oppdatert.
Med design tokens blir det lettere å lage løsninger som både er brukervennlige og tro mot merkevaren, samtidig som arbeidsflyten mellom team forbedres.
Ved bruk av design tokens sikrer man at designet er konsekvent og gjenkjennelig på tvers av flater, plattformer og produkter. Det fremmer også samarbeid fordi tokens etableres som et felles språk mellom designere og utviklere.
Det kan også gjøre det mer effektivt og enklere å oppdatere og vedlikeholde design, og gjør det raskere å lage nye ting eller gjøre endrer på tvers når man har et etablert designsystem.
Mer om hvordan man bruker tokens som designer kan du lese i ‣
Design tokenet representerer mange typer designvalg. Man kan se på en design tokens som et kallenavn eller en representasjon av en bestemt verdi.
Eksempler på tokens er: