Designsystemer bruker allerede tokens for farger, mellomrom og typografi. Motion tokens bruker den samme ideen til animasjon. De gjør beslutninger som "små elementer beveger seg raskt og setter seg forsiktig" til navngitte verdier som hver designer og utvikler bruker.
Et typisk sett inkluderer varighet (kort, middels, lang), avlastningskurver (standard, inn, utgang) og i økende grad fjærer definert av stivhet, demping og masse. Fjærer er populære fordi de føles naturlige og håndterer forstyrrelser godt i kode.
Navngivning betyr noe. Navn basert på formål, for eksempel motion.enter eller motion.emphasis, er lettere å bruke riktig enn råtall. Hold settet lite. Hvis hver komponent får sin egen kurve, slutter tokens å gjøre jobben sin.
Tilgjengelighet hører også med i tokens. Definer hva som skjer når brukeren slår på redusert bevegelse, for eksempel kortere fades i stedet for store bevegelser, slik at hver komponent håndterer det på samme måte.
Tokens lagres vanligvis i JSON og gjøres om til CSS-variabler, Swift, Kotlin eller JavaScript av et token-byggeverktøy. Vår gratis Motion Token Generator produserer et startsett du kan tilpasse.