2 điểm bởi pentaxzs 3 giờ trước | Chưa có bình luận nào. | Chia sẻ qua WhatsApp

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ư Primary thay vì Pri, Button thay 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 file md - đị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.md củ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.

Chưa có bình luận nào.