Sistem desain sumber terbuka Google Stitch: DESIGN.md memungkinkan Claude Code, Codex, dan Antigravity menghasilkan UI berkualitas tinggi

📄Artikel lengkap· Diambil secara otomatis oleh trafilaturaGemini 翻譯1251 kata

Format DESIGN.md dari Stitch, alat desain di bawah Google Labs, kini telah open source: ini adalah file markdown murni yang digunakan untuk mengodekan warna, font, spasi, dan aturan komponen sistem desain, sehingga AI agent seperti Claude Code, Gemini CLI, dll., dapat membaca aturan desain merek secara langsung saat membuat UI alih-alih menebak-nebak. (Konteks sebelumnya: Google resmi meluncurkan "Gemini 3"! Menjadi model AI terpintar di dunia, apa saja keunggulannya?) (Tambahan latar belakang: Gemini App resmi hadir di desktop Mac: Option+Space untuk mengaktifkan dengan satu klik, berbagi layar memungkinkan AI membaca data secara langsung) Sebuah repositori biasanya memiliki README.md yang memberi tahu AI tentang apa proyek tersebut dan cara menggunakannya. Yang ditanyakan Google sekarang adalah: bisakah sistem desain juga memiliki file seperti ini? Konsep DESIGN.md lahir dari sini, yaitu file markdown yang dapat dibaca langsung oleh siapa saja, alat apa saja, dan AI agent apa saja, yang berisi: warna apa yang digunakan merek ini, font apa, aturan spasi apa, serta alasan di balik pilihan tersebut. Satu DESIGN.md mencakup beberapa bagian inti: definisi warna (warna utama, warna semantik), pengaturan tipografi (keluarga font, ukuran, berat font, tinggi baris...), serta aturan spasi dan tata letak (skala spasi, konvensi grid, radius sudut, bayangan). Ada tiga cara untuk membuat DESIGN.md: biarkan AI Stitch membuatnya secara otomatis berdasarkan deskripsi Anda, ekstrak bahasa desain dari URL situs web atau gambar yang ada, atau tulis markdown sendiri. Setelah dibuat, file ini dapat dibawa ke alat apa pun yang mendukungnya, termasuk Claude Code, Cursor, Gemini CLI, dan platform pengembangan Antigravity milik Google sendiri. Dulu, alur kerja standar penyerahan desain adalah: desainer menyelesaikan desain di Figma → menandai ukuran, warna, spasi → pengembang memotong layout berdasarkan Figma. Kebangkitan AI coding agent tidak sepenuhnya mematahkan alur kerja ini; meskipun AI agent sekarang dapat masuk ke Figma, mereka tidak dapat dengan mudah memahami niat desain di dalam file Figma. DESIGN.md memecahkan celah ini. Hal ini mengubah cara sistem desain diekspresikan dari "file di dalam Figma" menjadi "teks murni yang dapat dibaca oleh alat apa pun". Bagi AI coding agent, perbedaan antara memiliki DESIGN.md dan tidak memiliki DESIGN.md adalah: yang pertama dapat menghasilkan UI yang "sesuai dengan spesifikasi merek", sedangkan yang kedua hanya dapat menghasilkan UI yang "terlihat cukup bagus". Bagi pasar alat desain, potensi dampak dari tindakan ini sudah jelas. Parit pertahanan Figma selama ini adalah "desainer bekerja di dalamnya, pengembang mengambil spesifikasi di dalamnya". Jika AI coding agent dapat langsung membaca DESIGN.md untuk menghasilkan UI yang sesuai dengan spesifikasi merek, langkah "pemindahan" spesifikasi desain akan terkompresi. Misalnya, harga saham Figma turun sekitar 10% pada hari peluncuran Stitch 2.0, penilaian pasar terhadap arah ancaman ini jauh lebih langsung daripada laporan analis mana pun. Persaingan alat desain dulunya adalah "siapa yang membuat desainer lebih efisien"; sekarang pertanyaannya menjadi "siapa yang membuat AI agent lebih memahami desain". DESIGN.md adalah kartu pertama yang dikeluarkan Google dalam persaingan tahap kedua ini.

Status data✓ Teks lengkap telah diambilBaca artikel asli (動區 BlockTempo)

🔍Peristiwa serupa dalam sejarah· Pencocokan kata kunci + aset6 berita

2026-04-21

Google membentuk tim elit untuk mengejar Anthropic, bahkan insinyur mereka sendiri diam-diam menggunakan Claude Code

Tingkat kemiripan 220%關鍵字 google/code/claude同分類 zh

2026-05-14

Notion meluncurkan platform developer: kode kustom, sinkronisasi lintas database, integrasi Claude Code, Codex, Cursor – Notion Developer Platform

Tingkat kemiripan 190%關鍵字 codex/code/claude同分類 zh

2026-04-24

Uni Eropa menekan Google untuk membuka fitur inti Android bagi ChatGPT dan Claude, memicu perang pintu masuk AI

Tingkat kemiripan 170%關鍵字 google/claude同分類 zh

2026-04-23