डिज़ाइन सिस्टम पहले से ही रंग, रिक्ति और टाइपोग्राफी के लिए टोकन का उपयोग करते हैं। मोशन टोकन एनीमेशन पर समान विचार लागू करते हैं। वे "छोटे तत्व तेजी से आगे बढ़ते हैं और धीरे से व्यवस्थित होते हैं" जैसे निर्णयों को नामित मूल्यों में बदल देते हैं जिनका उपयोग प्रत्येक डिजाइनर और डेवलपर करता है।
एक विशिष्ट सेट में अवधि (छोटी, मध्यम, लंबी), सहजता वक्र (मानक, प्रवेश, निकास) और, तेजी से, कठोरता, भिगोना और द्रव्यमान द्वारा परिभाषित स्प्रिंग्स शामिल होते हैं। स्प्रिंग्स लोकप्रिय हैं क्योंकि वे प्राकृतिक लगते हैं और कोड में रुकावटों को अच्छी तरह से संभालते हैं।
नामकरण मायने रखता है. उद्देश्य पर आधारित नाम, जैसे मोशन.एंटर या मोशन.एम्फैसिस, को कच्ची संख्याओं की तुलना में सही ढंग से लागू करना आसान होता है। सेट छोटा रखें. यदि प्रत्येक घटक को अपना स्वयं का वक्र मिलता है, तो टोकन अपना काम करना बंद कर देते हैं।
एक्सेसिबिलिटी टोकन में भी शामिल है। परिभाषित करें कि क्या होता है जब उपयोगकर्ता कम गति चालू करता है, उदाहरण के लिए बड़ी गति के बजाय छोटी गति, इसलिए प्रत्येक घटक इसे उसी तरह संभालता है।
टोकन आमतौर पर JSON में संग्रहीत होते हैं और टोकन बिल्ड टूल द्वारा CSS वेरिएबल, स्विफ्ट, Kotlin या JavaScript में बदल दिए जाते हैं। हमारा निःशुल्क मोशन टोकन जेनरेटर एक स्टार्टर सेट तैयार करता है जिसे आप अनुकूलित कर सकते हैं।