Color style là gì?
Còn gọi: kiểu màu trong Figma
Color style là màu được lưu và đặt tên trong Figma để dùng lại cho fill, stroke hoặc chữ, khi sửa style thì mọi đối tượng đang dùng nó cập nhật theo.
Hiểu kỹ hơn
Để tạo color style, chọn một đối tượng có màu, ở mục Fill trong bảng thuộc tính bấm biểu tượng Style (bốn chấm) rồi bấm dấu cộng để tạo style mới và đặt tên. Dùng dấu gạch chéo trong tên như Brand/Primary hay Text/Secondary để nhóm style thành thư mục. Một color style có thể chứa nhiều lớp fill, kể cả gradient hoặc ảnh. Khi xuất bản file làm thư viện, cả nhóm có thể dùng chung style. Từ khi có Variables, nhiều nhóm chuyển giá trị màu đơn sang variable vì hỗ trợ mode sáng tối, còn style vẫn hữu ích cho gradient và màu nhiều lớp. Ví dụ: một design system có các style Surface/Default, Text/Primary, Border/Subtle cho toàn bộ ứng dụng. Lỗi thường gặp là tạo style đặt tên theo mã màu như Blue 2563EB; khi thương hiệu đổi màu, tên style trở nên sai và khó bảo trì.
