Các hệ thống thiết kế đã sử dụng mã thông báo cho màu sắc, khoảng cách và kiểu chữ. Mã thông báo chuyển động áp dụng ý tưởng tương tự cho hoạt ảnh. Họ biến những quyết định như “các yếu tố nhỏ di chuyển nhanh và giải quyết nhẹ nhàng” thành các giá trị được đặt tên mà mọi nhà thiết kế và nhà phát triển đều sử dụng.
Một bộ điển hình bao gồm các khoảng thời gian (ngắn, trung bình, dài), các đường cong nới lỏng (tiêu chuẩn, đầu vào, đầu ra) và ngày càng nhiều lò xo được xác định bởi độ cứng, giảm chấn và khối lượng. Springs phổ biến vì chúng mang lại cảm giác tự nhiên và xử lý tốt các gián đoạn trong mã.
Vấn đề đặt tên. Các tên dựa trên mục đích, chẳng hạn như motion.enter hoặc motion.emphasis, dễ áp dụng chính xác hơn so với số thô. Giữ bộ nhỏ. Nếu mọi thành phần đều có đường cong riêng thì các mã thông báo sẽ ngừng thực hiện công việc của chúng.
Khả năng truy cập cũng thuộc về mã thông báo. Xác định điều gì sẽ xảy ra khi người dùng bật chuyển động giảm, ví dụ như thời gian mờ dần ngắn hơn thay vì chuyển động lớn, để mọi thành phần đều xử lý nó theo cùng một cách.
Mã thông báo thường được lưu trữ trong JSON và được chuyển thành các biến CSS, Swift, Kotlin hoặc JavaScript bằng công cụ xây dựng mã thông báo. Trình tạo mã thông báo chuyển động miễn phí của chúng tôi tạo ra bộ khởi động mà bạn có thể điều chỉnh.