Thư viện thuật ngữ / Figma

Smart Animate là gì?

Còn gọi: Figma, figma smart animate

Smart Animate là kiểu chuyển cảnh trong prototype Figma tự tạo chuyển động mượt giữa hai frame, bằng cách so khớp các layer cùng tên và tự chuyển vị trí, kích thước, màu, độ mờ, góc xoay.

Ảnh minh hoạ Smart Animate (Figma): hai frame Figma có cùng layer ở vị trí khác nhau và các khung chuyển động trung gian do Smart Animate tạo
Hai frame Figma có cùng layer ở vị trí khác nhau và các khung chuyển động trung gian do Smart Animate tạo

Hiểu kỹ hơn

Để Smart Animate hoạt động, các layer cần cùng tên và cùng cấu trúc trong hai frame. Kết hợp với variants và interactive components để làm nút bấm, công tắc, menu mở ra có hiệu ứng mà không cần tạo nhiều frame. Chỉnh easing và thời lượng (thường 200–400 ms) để chuyển động tự nhiên.