Google tung DESIGN.md: Cứu tinh cho anh em frontend hay trò "lùa gà" mới của làng AI?

Anh em dev frontend với mấy pháp sư designer chắc quá quen với cái cảnh: nhờ con AI sinh ra cái UI, mồm thì dặn "dùng màu brand tao, padding 16px nhé", nhưng kết quả nó văng ra một cái mớ CSS chói lóa mù mắt, padding thì ảo ma Canada. Lý do? Mấy con AI não cá vàng lắm, mỗi lần các ông mở session mới là nó quên sạch sành sanh.

Rốt cuộc DESIGN.md là cái quái gì mà Google phải nhúng tay vào?

Để trị cái bệnh mất trí nhớ của AI, Google Labs vừa quăng ra một cái chuẩn mã nguồn mở mang tên DESIGN.md (by Google Stitch). Tóm tắt nhanh cho anh em lười đọc thì nó như sau:

• Vấn đề: Design system hiện tại chả "di động" chút nào. Đổi tool mới, sang project mới, bọn AI agent lại bắt đầu từ con số 0. Dev lại phải hì hục prompt lại từ đầu, vã cả mồ hôi.
• Giải pháp: DESIGN.md là một file markdown chứa tất tần tật design tokens, intent màu sắc và các luật về accessibility (khả năng tiếp cận) được viết bằng ngôn ngữ tự nhiên.
• Khác biệt chỗ nào? Thay vì mấy cái format độc quyền khóa chết vào một tool, thằng này là open-source và dùng được ở mọi nền tảng. Ép mấy con AI phải đọc trực tiếp file này thay vì ngồi "đoán mò".
• Đồ chơi đi kèm: Có phần Tokens xịn xò, có hẳn CLI Validator để check xem file viết đúng chuẩn chưa trước khi ném cho AI cắn. Đỉnh nhất là nó ép AI phải validate theo rule của WCAG ngay từ đầu, chứ không phải code xong mới lôi ra fix bug.

Giang cư mận chia phe combat

Lên Product Hunt hóng hớt thì thấy dân tình cũng rôm rả phết. Có vài luồng quan điểm đang chiếm sóng như này:

Phe hype tột độ: Rohan (một lão chuyên săn app) khen nức nở bảo đây là nước cờ hạ tầng chí mạng. Lão gáy rằng: "Nếu cái chuẩn này phổ cập, thì mọi công cụ AI thiết kế tương lai bắt buộc phải đọc được DESIGN.md, hoặc là giải thích tại sao mình lại dị giáo đến mức không xài nó".

Phe thực dụng - Đa nghi: Một cao nhân giấu mặt khác thì gãi cằm hỏi một câu rất chí mạng: "Scale lên thì sao? Ý tưởng thì xịn đấy, nhưng với mấy project to tổ chảng, hàng chục màn hình, component chằng chịt, biến thể tùm lum thì cái file này có ngăn được 'design drift' (sai lệch thiết kế) theo thời gian không? Hay cuối cùng anh em ta vẫn phải cong mông lên đi sửa tay từng cái output của con AI?"

(À, đi kèm mấy cái comment học thuật thì vẫn có thanh niên tranh thủ rep comment dạo để xin xỏ mọi người upvote cho cái app fintech của mình. Đúng là ở đâu cũng có người this người that).

Góc nhìn từ Coding4Food

Tóm cái váy lại, nước đi này của Google Labs khá là sáng. Thay vì bắt anh em niệm thần chú prompt mỗi ngày để AI nó hiểu thiết kế của công ty, giờ ta chỉ cần ném cho nó cái file config.

Tuy chưa biết khi ốp vào real-world project to đùng thì nó có sập server hay cắn RAM gì không, nhưng ít nhất chúng ta cũng có một tia sáng cuối đường hầm cho cái quy trình làm UI với AI. Anh em dev cứ lưu lại hóng hớt, rảnh thì clone về vọc vạch thử xem sao. Biết đâu tương lai lại có cớ chửi AI hợp pháp: "File config sờ sờ ra đấy mà mày vẫn code lệch padding à con?"

Nguồn hóng hớt: Product Hunt - DESIGN.md by Google Stitch