Google Labs mã nguồn mở định dạng thiết kế Stitch DESIGN.md

Tin tức ME, ngày 22 tháng 4 (UTC+8), theo theo dõi của Động sát Beating, Google Labs công bố dự thảo tiêu chuẩn định dạng DESIGN.md nội bộ dùng cho công cụ thiết kế AI Stitch. Đây là một định dạng tệp giúp AI agent hiểu hệ thống thiết kế, trước chỉ dùng nội bộ trong Stitch, sau khi mở mã nguồn có thể tái sử dụng quy tắc thiết kế này trong các công cụ ngoài Stitch.
Một tệp DESIGN.md gồm hai lớp: phần đầu YAML ghi chú tiền đề thiết kế token, có thể đọc bởi máy, các trường bao gồm màu sắc (giá trị hex), phông chữ (bao gồm fontFamily, fontSize, fontWeight, lineHeight, v.v.), khoảng cách, góc bo tròn và thành phần; phần dưới Markdown ghi lý do thiết kế theo thứ tự Tổng quan, Màu sắc, Kiểu chữ, Bố cục, Độ cao & Độ sâu, Hình dạng, Thành phần, Những điều nên làm và không nên làm, để người xem hiểu. Thuộc tính thành phần tham chiếu qua cú pháp {colors.primary} như trong token.
Công cụ CLI đi kèm cung cấp các chức năng lint (gồm 7 quy tắc và kiểm tra độ tương phản WCAG), diff (so sánh sự khác biệt giữa hai phiên bản), export (xuất ra định dạng Tailwind hoặc DTCG) và spec (xuất tài liệu tiêu chuẩn). Hệ thống token tham khảo theo Mô-đun Định dạng Token Thiết kế của W3C.
Phiên bản hiện tại là alpha 0.1.0, theo giấy phép Apache-2.0, do 5 người đóng góp như davideast duy trì. Người dùng có thể tạo ra DESIGN.md của riêng mình tại stitch.withgoogle.com hoặc gửi chỉnh sửa tại kho GitHub google-labs-code/design.md.
Đối với agent lập trình AI, đây tương đương một hợp đồng thiết kế có thể kiểm tra bằng máy: agent không cần đoán xem một màu sắc dùng để làm gì hay một bố cục thành phần như thế nào nữa, mà có thể đối chiếu với token để xác nhận lựa chọn, và dùng quy tắc WCAG để tự kiểm tra khả năng truy cập của phối màu.
(Nguồn: BlockBeats)