Interactions trong Figma là gì?
Còn gọi: tương tác prototype
Interaction trong prototype Figma là một quy tắc gồm trigger, tức điều người dùng làm, và action, tức điều xảy ra tiếp theo, kèm kiểu chuyển cảnh, được gắn vào một lớp để mô phỏng hành vi của sản phẩm.
Hiểu kỹ hơn
Mỗi tương tác trả lời ba câu hỏi: khi nào, làm gì, và chuyển như thế nào. Trigger gồm On click (On tap), On drag, While hovering, While pressing, Mouse enter, Mouse leave, Mouse down, Mouse up, Key/Gamepad và After delay. Action gồm Navigate to, Change to, Back, Scroll to, Open link, Open overlay, Swap overlay, Close overlay, Set variable và Conditional. Animation gồm Instant, Dissolve, Smart animate, Move in, Move out, Push, Slide in, Slide out, kèm đường cong tốc độ như Ease out hay Spring. Một lớp có thể mang nhiều tương tác, ví dụ hover để đổi màu và click để chuyển trang. Trong tab Prototype, bấm dấu cộng ở mục Interactions hoặc kéo mũi tên từ lớp sang đích. Ví dụ: ảnh sản phẩm dùng On drag kèm Smart animate để vuốt qua lại giữa các ảnh. Lỗi thường gặp là dùng While hovering cho prototype di động, nơi không có thao tác rê chuột.
