Dizajnové systémy už používajú tokeny pre farby, medzery a typografiu. Tokeny pohybu aplikujú rovnakú myšlienku na animáciu. Rozhodnutia ako „malé prvky sa pohybujú rýchlo a jemne sa usadzujú“ menia na pomenované hodnoty, ktoré používa každý dizajnér a vývojár.
Typická sada obsahuje doby trvania (krátke, stredné, dlhé), krivky uvoľnenia (štandardné, vstup, výstup) a čoraz častejšie pružiny definované tuhosťou, tlmením a hmotnosťou. Pružiny sú obľúbené, pretože sa cítia prirodzene a dobre zvládajú prerušenia v kóde.
Na pomenovaní záleží. Názvy založené na účele, ako napríklad motion.enter alebo motion.emphasis, sa dajú správne použiť ľahšie ako nespracované čísla. Udržujte súpravu malú. Ak každý komponent dostane svoju vlastnú krivku, žetóny prestanú robiť svoju prácu.
Dostupnosť patrí tiež medzi tokeny. Definujte, čo sa stane, keď používateľ zapne znížený pohyb, napríklad kratšie zoslabenie namiesto veľkého pohybu, takže každý komponent to zvládne rovnako.
Tokeny sú zvyčajne uložené v JSON a premenené na premenné CSS, Swift, Kotlin alebo JavaScript pomocou nástroja na vytváranie tokenov. Náš bezplatný generátor pohybových tokenov vytvára štartovaciu súpravu, ktorú si môžete prispôsobiť.