Hướng dẫn thiết kế token
Xuất mã thông báo màu cho các thuộc tính tùy chỉnh CSS, cấu hình Tailwind, hệ thống thiết kế JSON và ứng dụng đa nền tảng.
Mã thông báo thiết kế là gì?
Mã thông báo thiết kế là các giá trị được đặt tên (ví dụ: color.primary.500) giúp đồng bộ hóa thiết kế và mã. Chúng giảm các giá trị HEX được mã hóa cứng nằm rải rác trên các cơ sở mã.
Định dạng xuất
Các biến CSS hoạt động ở mọi nơi trên web. Tailwind chia tỷ lệ mã thông báo bản đồ cho các lớp tiện ích. JSON xuất nguồn cấp dữ liệu bổ trợ Figma, chủ đề di động và trang web tài liệu.