Daftar beritaSistem desain sumber terbuka Google Stitch: DESIGN.md memungkinkan Claude Code, Codex, dan Antigravity menghasilkan UI berkualitas tinggi
動區 BlockTempo2026-04-22 07:23:25

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

ORIGINALGoogle Stitch 開源設計系統:DESIGN.md 讓 Claude Code、Codex、Antigravity 生成高品質 UI
Analisis Dampak AIGrok sedang menganalisis...
📄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
💡 Saat ini menggunakan pencocokan kata kunci + aset (MVP) · Akan ditingkatkan ke pencarian semantik embedding di masa mendatang
Informasi mentah
ID:d0139a7b3e
Sumber:動區 BlockTempo
Diterbitkan:2026-04-22 07:23:25
Kategori:zh_news · Kategori ekspor zh
Aset:Tidak ditentukan
Voting komunitas:+0 /0 · ⭐ 0 Penting · 💬 0 Komentar