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

On drag là gì?

Còn gọi: trigger trong Figma, on drag figma, kéo thả prototype figma, swipe prototype figma

On drag là trigger trong prototype Figma chạy chuyển cảnh khi người dùng nhấn giữ rồi kéo phần tử, dùng để mô phỏng thao tác vuốt như lướt thẻ, kéo bottom sheet, mở ngăn kéo menu.

Hiểu kỹ hơn

Khi dùng On drag với hiệu ứng Smart animate, phần tử đi theo ngón tay hoặc chuột trong lúc kéo rồi chuyển sang trạng thái đích, tạo cảm giác giống ứng dụng thật. Ví dụ: hai frame giống nhau, frame sau có thẻ bị đẩy sang trái; đặt On drag trên thẻ ở frame đầu, nối tới frame sau với Smart animate. Lưu ý: Figma chỉ xét có kéo hay không, không phân biệt hướng kéo, nên cần thiết kế vùng kéo rõ ràng; muốn cuộn tự do thì dùng Overflow scrolling thay vì On drag. Đặt tên layer giống nhau ở hai frame để Smart animate ghép đúng. Đây là cách phổ biến để làm prototype swipe kiểu ứng dụng hẹn hò, onboarding nhiều trang hay xoá mục bằng vuốt.