Sistem desain sudah menggunakan token untuk warna, spasi, dan tipografi. Token gerak menerapkan ide yang sama pada animasi. Mereka mengubah keputusan seperti "elemen kecil bergerak cepat dan menetap dengan lembut" menjadi nilai-nilai tertentu yang digunakan oleh setiap desainer dan pengembang.
Satu set tipikal mencakup durasi (pendek, sedang, panjang), kurva pelonggaran (standar, masuk, keluar) dan, semakin banyak, pegas yang ditentukan oleh kekakuan, redaman, dan massa. Pegas populer karena terasa alami dan menangani interupsi dengan baik dalam kode.
Pemberian nama itu penting. Nama berdasarkan tujuan, seperti motion.enter atau motion.emphasis, lebih mudah diterapkan dengan benar daripada angka mentah. Jaga agar set tetap kecil. Jika setiap komponen memiliki kurvanya sendiri, token akan berhenti melakukan tugasnya.
Aksesibilitas juga termasuk dalam token. Tentukan apa yang terjadi ketika pengguna mengaktifkan gerakan yang dikurangi, misalnya gerakan memudar yang lebih pendek daripada gerakan yang besar, sehingga setiap komponen menanganinya dengan cara yang sama.
Token biasanya disimpan di JSON dan diubah menjadi variabel CSS, Swift, Kotlin, atau JavaScript dengan alat pembuat token. Generator Token Gerak gratis kami menghasilkan set starter yang dapat Anda sesuaikan.