Návrhové systémy již používají tokeny pro barvy, mezery a typografii. Pohybové žetony aplikují stejný nápad na animaci. Rozhodnutí jako „malé prvky se rychle pohybují a jemně se usazují“ mění na pojmenované hodnoty, které používá každý designér a vývojář.
Typická sada obsahuje doby trvání (krátká, střední, dlouhá), křivky náběhu (standardní, vstup, výstup) a stále častěji pružiny definované tuhostí, tlumením a hmotností. Pružiny jsou oblíbené, protože působí přirozeně a dobře zvládají přerušení v kódu.
Na pojmenování záleží. Názvy založené na účelu, jako je motion.enter nebo motion.emphasis, se snáze aplikují správně než hrubá čísla. Udržujte sadu malou. Pokud každá součást dostane svou vlastní křivku, žetony přestanou plnit svou funkci.
Mezi tokeny patří také přístupnost. Definujte, co se stane, když uživatel zapne omezený pohyb, například kratší prolínání místo velkého pohybu, takže to každá komponenta zvládne stejně.
Tokeny jsou obvykle uloženy v JSON a přeměněny na proměnné CSS, Swift, Kotlin nebo JavaScript pomocí nástroje pro vytváření tokenů. Náš bezplatný generátor pohybových tokenů vytváří startovací sadu, kterou si můžete přizpůsobit.