Component properties là gì?
Còn gọi: thuộc tính component, component properties figma, thuộc tính component figma, component property
Component properties là các tuỳ chọn được khai báo trên main component, cho phép người dùng instance đổi nội dung hoặc biến thể ngay trong panel bên phải mà không cần mở từng layer bên trong.
Hiểu kỹ hơn
Figma có bốn loại property chính: Variant (chọn biến thể như Size, State), Boolean (bật tắt hiển thị một layer, ví dụ có icon hay không), Instance swap (đổi một instance lồng bên trong, ví dụ đổi icon) và Text (sửa chữ của một layer văn bản). Thêm property bằng nút cộng trong mục Properties của main component, rồi gắn với layer tương ứng. Nhờ property, một component nút bấm có thể thay cho hàng chục variant: thay vì tạo bản có icon trái, bản có icon phải, bản không icon cho từng kích cỡ, bạn dùng boolean và instance swap. Property cũng giúp lập trình viên dễ đối chiếu với prop trong code. Mẹo: đặt tên property ngắn, rõ, thống nhất với code, như hasIcon, label, size.
