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

While hovering là gì?

Còn gọi: trigger trong Figma, hover trigger figma, hiệu ứng hover figma

While hovering là trigger trong prototype Figma: khi con trỏ chuột nằm trên phần tử thì chuyển sang trạng thái khác, rời chuột ra thì tự quay về trạng thái ban đầu.

Hiểu kỹ hơn

Cách dùng phổ biến nhất là trong component có variant: tạo variant Default và Hover cho nút, trên variant Default thêm trigger While hovering với hành động Change to Hover, chọn hiệu ứng Smart animate hoặc Dissolve với thời gian ngắn khoảng 150 đến 200 ms. Không cần nối ngược lại vì Figma tự trả về khi chuột rời đi. Khác với Mouse enter và Mouse leave, vốn là hai trigger riêng và không tự quay về, nên phù hợp khi muốn trạng thái giữ lại hoặc tạo chuỗi hiệu ứng. Hover chỉ có ý nghĩa trên máy tính; với prototype điện thoại, hãy dùng While pressing để mô phỏng trạng thái đang nhấn. Mẹo: đừng chỉ đổi màu rất nhẹ, trạng thái hover cần đủ khác để người dùng nhận ra.