Tái định nghĩa design system trong kỷ nguyên AI: sự cần thiết của một ngôn ngữ mà máy có thể hiểu được
Khi các công cụ thiết kế dựa trên AI phát triển với tốc độ chóng mặt, câu hỏi đặt ra là liệu các design system hiện có còn cần thiết hay không.
Tuy nhiên, một cách nghịch lý, chính vào thời điểm AI xuất hiện thì những design system tinh vi và có hệ thống lại càng trở thành điều bắt buộc.
Khái niệm cốt lõi:
• Tính hai mặt của phân kỳ và hội tụ
- AI rất xuất sắc trong việc tạo ý tưởng dựa trên prompt (phân kỳ), nhưng ở giai đoạn hội tụ những kết quả có thể mở rộng vô hạn đó thành một sản phẩm nhất quán, các quy tắc thiết kế rõ ràng là bắt buộc.
- Hiện nay, phần lớn sản phẩm do AI tạo ra trông có vẻ ổn về mặt thị giác nhưng vẫn chưa phù hợp để thực sự đưa vào sản phẩm
• Hiện thực hóa khả năng diễn giải của máy
- Các design system trước đây được thiết kế dựa trên năng lực nhận thức của nhà thiết kế là con người, nhưng trong kỷ nguyên AI cần được tái cấu trúc với ba yếu tố sau.
(1) Semantic Naming - dùng tên đầy đủ có ngữ cảnh rõ ràng nhưPrimarythay vìPri,Buttonthay vìBtn,
(2) Cấu trúc phân tầng dựa trên JSON - Primitive Tokens (color.json,size.json) → Semantic Tokens (brand-primary.json) → Components → Patterns để thể hiện rõ ý đồ,
(3) Giao thức prompt dựa trên filemd- định nghĩa nghiêm ngặt Role & Core Rules, Mandatory Workflow, Style & State Rules
• Tận dụng tech stack chuyển đổi
- Sau khi chuyển Variables của Figma sang JSON (plugin
variables2json), rồi chuyển tiếp thành biến CSS của Tailwind v4 trong Claude Code, có thể tạo ra các biến style toàn cục mà trình duyệt nhận diện ngay lập tức. - Điều này giúp AI nhanh chóng truy cập design system thông qua tên class.
• Hệ sinh thái công cụ đang trưởng thành hơn
- Các cách tiếp cận như tự động trích xuất
design.mdcủa Google Stitch, tích hợp Figma của Claude Design, hay mã hóa hệ thống trong Claude Code, v.v. - Công cụ đang dần phát triển, và sắp tới sẽ đến một thời đại mà chỉ cần đưa vào file design system, hoặc thậm chí chỉ vài ảnh chụp màn hình, cũng có thể tạo ra một design system chặt chẽ và gần như không có lỗ hổng
Chưa có bình luận nào.