Desain & UI/UX
Design System
Definisi
Design system adalah kumpulan komponen, aturan, dan pedoman yang dipakai bersama untuk menjaga konsistensi desain di seluruh produk. Isinya bisa mencakup pustaka tombol, warna, jenis huruf, pola navigasi, hingga prinsip penulisan. Berbeda dari sekadar panduan gaya, design system bersifat hidup dan langsung dapat dipakai ulang oleh perancang maupun pengembang. Sistem ini menjadi sumber kebenaran tunggal untuk tampilan produk.
Mengapa Penting?
Design system mempercepat pengembangan, mengurangi duplikasi kerja, dan menjaga pengalaman tetap seragam di banyak layar.
Contoh Penerapan
Sebuah pustaka komponen tombol dengan aturan warna dan ukuran yang dipakai konsisten di seluruh halaman aplikasi.
Istilah Terkait
Style GuideGrid SystemTipografiDesign Handoff