Designsystemer bruger allerede tokens til farve, mellemrum og typografi. Bevægelsestokens anvender den samme idé til animation. De forvandler beslutninger som "små elementer bevæger sig hurtigt og sætter sig blidt" til navngivne værdier, som enhver designer og udvikler bruger.
Et typisk sæt inkluderer varigheder (korte, mellemlange, lange), lempende kurver (standard, indgang, udgang) og i stigende grad fjedre defineret af stivhed, dæmpning og masse. Fjedre er populære, fordi de føles naturlige og håndterer afbrydelser godt i koden.
Navngivning betyder noget. Navne baseret på formål, såsom motion.enter eller motion.emphasis, er lettere at anvende korrekt end råtal. Hold sættet lille. Hvis hver komponent får sin egen kurve, stopper tokens med at gøre deres arbejde.
Tilgængelighed hører også til i tokens. Definer, hvad der sker, når brugeren aktiverer reduceret bevægelse, for eksempel kortere udtoninger i stedet for store bevægelser, så hver komponent håndterer det på samme måde.
Tokens gemmes normalt i JSON og omdannes til CSS-variabler, Swift, Kotlin eller JavaScript af et token-byggeværktøj. Vores gratis Motion Token Generator producerer et startsæt, du kan tilpasse.