Panduan DESIGN.md
DESIGN.md mengubah sistem desain sebuah website menjadi file yang bisa dibaca agen coding Anda: warna, tipografi, spacing, radius, dan komponen, beserta aturan pemakaiannya. Panduan-panduan ini menunjukkan apa yang bisa dilakukan dengan file itu, langkah demi langkah, masing-masing dengan contoh nyata dari file asli di galeri DESIGN.md.
Baru mengenal format ini? Mulai dari apa itu DESIGN.md. Siap membuatnya? Dapatkan DESIGN.md dari website apa pun.
Panduan berdasarkan use case
- Developer yang membangun dengan agen coding AI
Buat Claude Code dan Cursor membangun UI yang mirip sebuah website
Ekstrak situs yang Anda suka, taruh DESIGN.md-nya di repo, dan arahkan agen Anda ke file itu, lengkap dengan prompt untuk Claude Code dan Cursor.
- Founder solo dan tim kecil
Tidak punya desainer? Pinjam design system yang sudah teruji untuk aplikasi Anda
Cara memilih situs referensi, apa yang dipertahankan dari DESIGN.md-nya, dan apa yang diubah agar hasilnya milik Anda, bukan tiruan.
- Tim yang merencanakan rebuild, rebranding, atau migrasi
Mau membangun ulang situs Anda? Ekstrak dulu design system-nya
Simpan situs Anda saat ini sebagai DESIGN.md sebelum rebuild, rebranding, atau pindah framework, dan ketahui apa yang perlu dicek secara manual.
- Desainer dan agensi yang membuat prototipe
Padukan dua situs referensi menjadi satu desain untuk prototipe
Bandingkan dua file DESIGN.md hasil ekstraksi token demi token dan gabungkan menjadi satu spesifikasi untuk prototipe, secara manual atau dengan agen Anda.
- Developer yang membangun agen dan workflow agen
Berikan spesifikasi desain kepada agen coding Anda kapan saja dengan MCP
Hubungkan server MCP agar agen Anda bisa mengekstrak DESIGN.md sebuah situs sendiri, menunggunya, dan membangun dari file itu.