Figma Plugin | Tự động gán variable token dựa trên các utility class của Tailwind
Khang Nguyễn Thiện
0:00 / 0:00
Figma Plugin | Tự động gán variable token dựa trên các utility class của Tailwind
12 просмотров · 8 дн. назад
Khang Nguyễn Thiện
12 просмотров · 8 дн. назад
Auto Bind giúp tự động tìm và gắn variable token phù hợp vào layer dựa trên giá trị hiện tại và Bind scope đã được cấu hình.
Thay vì phải tìm và bind token thủ công cho từng property, plugin sẽ phân tích các giá trị numeric trên layer và tự động match với token tương ứng trong design system.
Cách sử dụng:
1. Thiết lập Bind scope cho các token trong library.
2. Chọn layer hoặc component cần xử lý.
3. Chạy Auto Bind.
4. Plugin tự động tìm và bind token phù hợp.
Auto Bind hỗ trợ nhiều property như padding, gap, width, height, border width, corner radius và các numeric property khác.
Tính năng hoạt động với cả local variables và variables từ Figma Team Library, giúp giảm đáng kể thao tác thủ công khi xây dựng UI theo Tailwind CSS hoặc một hệ thống design token có cấu trúc.
#Figma #FigmaPlugin #VariableUtils #AutoBind #DesignSystem #DesignTokens #TailwindCSS