Design system là gì?
Còn gọi: hệ thống thiết kế, Hệ thống thiết kế (Design System), Plugin Design System
Design system là bộ nguồn chung của một sản phẩm gồm nguyên tắc thiết kế, design token, thư viện component trong file thiết kế và trong code, cùng tài liệu hướng dẫn, để nhiều nhóm xây giao diện nhất quán và nhanh hơn.
Hiểu kỹ hơn
Một design system thường gồm: nguyên tắc và giọng điệu, nền tảng (màu, chữ, khoảng cách, bo góc, bóng đổ dưới dạng token), thư viện component như nút, ô nhập, modal, các mẫu tương tác (pattern) như form, điều hướng, trạng thái trống, và tài liệu giải thích khi nào dùng cái gì. Điểm khác với một bộ UI kit là design system có component tương ứng trong code và có người hoặc nhóm duy trì liên tục. Trong Figma, phần thiết kế được xuất bản thành thư viện ở Assets › Libraries, dùng Variables cho token và component có variant. Các ví dụ công khai nổi tiếng: Material Design của Google, Carbon của IBM, Polaris của Shopify, Atlassian Design System. Lỗi thường gặp là bắt đầu bằng việc vẽ hàng trăm component trước khi sản phẩm cần, hoặc làm xong rồi không ai cập nhật, khiến file thiết kế và code lệch nhau dần.
