Designtokens – grunnsteinen i skalerbare designsystemer

2026-02-28

Designtokens er de minste byggesteinene i et designsystem. De gjør det mulig å skalere, tematisere og vedlikeholde design på tvers av plattformer.

Hva er en designtoken?

En designtoken er den minste enheten av designbeslutninger i et system. Det er en navngitt variabel som lagrer en visuell verdi: en farge, en størrelse, en skygge, en fontsstørrelse.

I stedet for at en designer bruker #1A73E8 direkte og en utvikler hardkoder den samme hex-koden, definerer man én gang: color.brand.primary = #1A73E8. Alle bruker tokenet – og når fargen endres, endres den ett sted.

Tre nivåer av tokens

Moderne token-arkitektur opererer gjerne med tre nivåer:

Primitive tokens – råverdier som blue-500 = #1A73E8