Suunnittelujärjestelmät käyttävät jo tokeneita väreihin, välityksiin ja typografiaan. Liiketokenit soveltavat samaa ideaa animaatioon. Ne muuttavat päätökset, kuten "pienet elementit liikkuvat nopeasti ja asettuvat pehmeästi", nimetyiksi arvoiksi, joita jokainen suunnittelija ja kehittäjä käyttää.
Tyypillinen sarja sisältää kestoja (lyhyt, keskipitkä, pitkä), helpotuskäyrät (vakio, enter, exit) ja yhä useammin jäykkyyden, vaimennuksen ja massan määrittelemiä jousia. Jouset ovat suosittuja, koska ne tuntuvat luonnollisilta ja käsittelevät koodissa hyvin häiriöitä.
Nimeämisellä on väliä. Tarkoitukseen perustuvia nimiä, kuten motion.enter tai motion.emphasis, on helpompi käyttää oikein kuin raakalukuja. Pidä sarja pienenä. Jos jokainen komponentti saa oman käyränsä, merkit lopettavat tehtävänsä.
Saavutettavuus kuuluu myös tokeneihin. Määritä, mitä tapahtuu, kun käyttäjä ottaa käyttöön pienennetyn liikkeen, esimerkiksi lyhyemmät häivytykset suuren liikkeen sijaan, jotta jokainen komponentti käsittelee sitä samalla tavalla.
Tokenit tallennetaan yleensä JSON:ään ja muunnetaan CSS-muuttujiksi, Swiftiksi, Kotlin- tai JavaScript-tunnukseksi tunnuksen rakennustyökalulla. Ilmainen Motion Token Generatormme tuottaa aloitussarjan, jota voit mukauttaa.