Xây design system co giãn cho sản phẩm đang lớn

Hồi sản phẩm còn nhỏ, mỗi màn hình một kiểu cũng hổng sao. Tới khi đội ngũ lớn lên, cái tự do đó thành hỗn loạn. Design system là cách đặt lại trật tự.

Bắt đầu từ token

Token là đơn vị nhỏ nhất: màu, khoảng cách, bo góc, kiểu chữ. Định nghĩa một lần là mọi component kế thừa theo — đổi thương hiệu chỉ cần đổi vài giá trị gốc.

Component có chủ đích

Một component tốt bao trọn mọi trạng thái: mặc định, hover, focus, lỗi, rỗng. Nó nên khó mà dùng sai. Tài liệu đi kèm nói rõ khi nào dùng — và khi nào đừng.

• Token: nền móng nhất quán.
• Component: khối lắp ráp tái sử dụng.
• Pattern: cách ghép component cho tình huống lặp lại.
• Tài liệu: để cả team nói chung một ngôn ngữ.

Design system đâu phải dự án có điểm kết. Nó là sản phẩm sống, lớn lên cùng đội ngũ xài nó mỗi ngày.