Hệ thống thiết kế mã nguồn mở Google Stitch: DESIGN.md giúp Claude Code, Codex, Antigravity tạo UI chất lượng cao

📄Toàn văn bài viết· Được trích xuất tự động bởi trafilaturaGemini 翻譯1251 từ

Định dạng DESIGN.md của công cụ thiết kế Stitch thuộc Google Labs đã được mã nguồn mở: Đây là một tệp markdown thuần túy, được sử dụng để mã hóa các quy tắc về màu sắc, phông chữ, khoảng cách và thành phần của hệ thống thiết kế, cho phép các AI agent như Claude Code, Gemini CLI… có thể đọc trực tiếp các quy tắc thiết kế thương hiệu thay vì phải đoán mò khi tạo UI. (Thông tin trước: Google chính thức ra mắt "Gemini 3"! Đứng đầu danh sách các mô hình AI thông minh nhất thế giới, có những điểm nhấn gì?) (Bổ sung bối cảnh: Gemini App chính thức có mặt trên máy tính để bàn Mac: Option+Space để đánh thức bằng một phím, chia sẻ màn hình cho phép AI đọc dữ liệu trực tiếp) Các thư viện lập trình thường có README.md để cho AI biết dự án này là gì và cách sử dụng. Câu hỏi hiện tại của Google là: Hệ thống thiết kế liệu có thể có một tệp như vậy không? Khái niệm DESIGN.md ra đời từ đó, nó là một tệp markdown mà bất kỳ ai, bất kỳ công cụ nào, bất kỳ AI agent nào cũng có thể đọc trực tiếp, trong đó ghi rõ: thương hiệu này sử dụng màu gì, phông chữ gì, quy tắc khoảng cách ra sao và lý do đằng sau những lựa chọn đó. Một tệp DESIGN.md bao gồm các phần cốt lõi: định nghĩa màu sắc (màu chủ đạo, màu ngữ nghĩa), cài đặt kiểu chữ (họ phông chữ, kích thước, độ đậm nhạt, chiều cao dòng…), quy tắc khoảng cách và bố cục (thang đo khoảng cách, quy ước lưới, góc bo, đổ bóng). Có ba cách để tạo DESIGN.md: để AI của Stitch tự động tạo dựa trên mô tả của bạn, trích xuất ngôn ngữ thiết kế từ URL trang web hoặc hình ảnh hiện có, hoặc tự viết markdown. Sau khi tạo, tệp này có thể được đưa vào bất kỳ công cụ nào hỗ trợ nó, bao gồm Claude Code, Cursor, Gemini CLI và nền tảng phát triển Antigravity của riêng Google. Trước đây, quy trình tiêu chuẩn để bàn giao thiết kế là: nhà thiết kế hoàn thiện thiết kế trong Figma → chú thích kích thước, màu sắc, khoảng cách → nhà phát triển đối chiếu Figma để cắt giao diện. Sự trỗi dậy của AI coding agent không hoàn toàn phá vỡ quy trình này, hiện tại dù AI agent có thể đăng nhập vào Figma, nhưng cũng không dễ dàng hiểu được ý đồ thiết kế trong tệp Figma. DESIGN.md giải quyết chính khoảng trống này. Nó biến cách thể hiện hệ thống thiết kế từ "một tệp trong Figma" thành "văn bản thuần túy mà bất kỳ công cụ nào cũng có thể đọc được". Đối với AI coding agent, sự khác biệt giữa việc có DESIGN.md và không có DESIGN.md là: cái trước có thể tạo ra UI "tuân thủ quy chuẩn thương hiệu"; cái sau chỉ có thể tạo ra UI "trông có vẻ ổn". Đối với thị trường công cụ thiết kế, tác động tiềm tàng của động thái này là rất rõ ràng. Con hào kinh tế của Figma luôn là "nhà thiết kế làm việc trong đó, nhà phát triển lấy thông số kỹ thuật trong đó". Nếu AI coding agent có thể đọc trực tiếp DESIGN.md để tạo UI tuân thủ quy chuẩn thương hiệu, thì bước "vận chuyển" thông số thiết kế sẽ bị lược bỏ. Ví dụ, giá cổ phiếu của Figma đã giảm khoảng 10% trong ngày Stitch 2.0 được công bố, nhận định của thị trường về hướng đe dọa này còn trực tiếp hơn bất kỳ báo cáo phân tích nào. Cạnh tranh trong công cụ thiết kế trước đây là "ai giúp nhà thiết kế hiệu quả hơn"; giờ đây vấn đề đã trở thành "ai giúp AI agent hiểu thiết kế hơn". DESIGN.md là quân bài đầu tiên mà Google tung ra trong cuộc cạnh tranh này.

Trạng thái dữ liệu✓ Đã trích xuất toàn vănĐọc bài gốc (動區 BlockTempo)

🔍Sự kiện tương tự trong lịch sử· Đối chiếu từ khóa + tài sản6 tin

2026-04-21

Google lập đội ngũ tinh nhuệ để đuổi kịp Anthropic, ngay cả kỹ sư của họ cũng đang lén dùng Claude Code

Độ tương đồng 220%關鍵字 google/claude/code同分類 zh

2026-05-14

Notion ra mắt nền tảng dành cho nhà phát triển: mã tùy chỉnh, đồng bộ giữa các cơ sở dữ liệu, tích hợp Claude Code, Codex, Cursor – Notion Developer Platform

Độ tương đồng 190%關鍵字 claude/code/codex同分類 zh

2026-04-24

EU gây áp lực buộc Google phải mở các tính năng cốt lõi của Android cho ChatGPT và Claude, khởi đầu cuộc chiến giành quyền kiểm soát AI

Độ tương đồng 170%關鍵字 google/claude同分類 zh

2026-04-23