2 poin oleh pentaxzs 2 jam lalu | Belum ada komentar. | Bagikan ke WhatsApp

Mendefinisikan ulang design system di era AI: perlunya bahasa yang dapat dipahami mesin

Seiring pesatnya perkembangan alat desain berbasis AI, muncul pertanyaan apakah design system yang ada masih diperlukan.
Namun ironisnya, justru pada saat AI hadir, design system yang lebih presisi dan sistematis menjadi sebuah keharusan.

Konsep inti:
• Dualitas divergensi dan konvergensi

  • AI sangat unggul dalam menghasilkan ide berbasis prompt (divergensi), tetapi pada tahap mengonvergensikan hasil yang berkembang tanpa batas menjadi produk yang konsisten, aturan desain yang jelas adalah hal yang wajib.
  • Saat ini, sebagian besar hasil yang dihasilkan AI terlihat meyakinkan secara visual, tetapi belum cocok untuk diwujudkan menjadi produk nyata

• Implementasi keterbacaan oleh mesin

  • Design system yang ada selama ini dirancang berdasarkan kemampuan kognitif desainer manusia, tetapi di era AI perlu disusun ulang dengan tiga elemen berikut.
    (1) Semantic Naming - menggunakan nama lengkap yang konteksnya jelas seperti Primary alih-alih Pri, dan Button alih-alih Btn,
    (2) Struktur hierarkis berbasis JSON - Primitive Tokens(color.json, size.json) → Semantic Tokens(brand-primary.json) → Components → Patterns untuk mengekspresikan maksud secara jelas,
    (3) Protokol prompt berbasis file md - mendefinisikan secara ketat Role & Core Rules, Mandatory Workflow, dan Style & State Rules

• Pemanfaatan tech stack transformasi

  • Setelah Variables di Figma diubah menjadi JSON (plugin variables2json), lalu dikonversi di Claude Code menjadi variabel CSS Tailwind v4, akan terbentuk variabel gaya global yang langsung dapat dikenali browser.
  • Ini memungkinkan AI mengakses design system dengan cepat melalui nama class.

• Pendewasaan ekosistem alat

  • Mulai dari ekstraksi otomatis design.md di Google Stitch, integrasi Figma pada Claude Design, hingga pengkodean sistem di Claude Code, dan lain-lain.
  • Alat-alat ini terus berkembang, dan tidak lama lagi akan hadir dunia di mana cukup memasukkan file design system, atau bahkan hanya beberapa screenshot, untuk menghasilkan design system yang terstruktur rapi dan minim celah

Belum ada komentar.

Belum ada komentar.