Interactive components là gì?
Còn gọi: component tương tác trong Figma
Interactive components là tính năng Figma cho phép gắn tương tác prototype trực tiếp giữa các variant trong cùng component set, để mọi instance tự có hiệu ứng như hover, nhấn hay bật tắt mà không cần nối từng màn hình.
Hiểu kỹ hơn
Trước khi có tính năng này, muốn mô phỏng một checkbox được tích, người thiết kế phải nhân đôi cả màn hình rồi nối hai frame. Với interactive components, chỉ cần vào tab Prototype của component set, kéo kết nối từ variant Unchecked sang Checked với trigger On click và hành động Change to, rồi nối ngược lại. Sau đó mọi instance của checkbox trong mọi màn hình đều bấm được khi chạy Present. Có thể dùng các trigger như While hovering cho hiệu ứng rê chuột, While pressing cho trạng thái nhấn, After delay cho chuyển động tự chạy, và Smart animate để chuyển mượt. Ví dụ: một toggle switch có hai variant On và Off, nối Change to với Smart animate để núm trượt qua lại. Lỗi thường gặp là cấu trúc layer của các variant khác tên nhau, khiến Smart animate không khớp và chuyển động bị giật hoặc mờ dần thay vì trượt.
