Design system merupakan sebuah dokumentasi untuk asset, pola, ataupun komponen-komponen dalam sebuah desain. Biasanya hal ini merupakan salah satu dokumen yang sering ada pada dunia UI/UX atau Product Designer

Kegunaan dari dokumentersebut digunakan berulang-ulang untuk membuat sebuah produk memiliki konsistensi. Oleh karena itu penggunaan pola, asset, ataupun komponen-komponen tersebut sering digunakan berulang kali.

Jika kamu dari background design grafis maka kamu pasti mengenal dengan Brand Guideline ataupun Graphic standard manual. Design system hampir sama dengan dua hal tersebut. Hanya saja penerapan dari elemen-elemen dari dua hal tersebut juga sedikit berbeda. 

Kegunaan Design System

Tentu saja penggunaan design system erat kaitannya dengan User Interface yang mana terdiri dari:

1. Warna

Dalam guide style ataupun Graphic standar manual, pemilihan warna merupakan bagian utama dari aturan mereka.

Hal tersebut juga merupakan bagian dari design system. Hal tersebut seperti:

  • Primary 
  • Primary Variant
  • Secondary
  • Secondary Variant
  • Background
  • Surface
  • Error

2. Tipografi

Pengunaan atau pemilihan jenis font juga merupakan bagian dari dokumentasi ini. Hal-hal yang diatur selain scale dan typeface yg digunakan Design system juga mengatur kegunaan dari tipografi tersebut, seperti:

  • Scale Categories
  • Typeface
  • Font
  • Size
  • Case
  • Letter Spacing

3. Design Component

Design system

Hal inilah yang membedakan design system dengan jenis dokumentasi desain yang lainnya.

Design Component merupakan bagian yang akan digunakan oleh UI/UX Designer untuk pembuatan layout dari screen yang mereka desain, Hal tersebut akan mengatur:

  • Button
  • Wrapper
  • Icon
  • Navigasi 
  • dllnya.

Kegunaan Design System

Selah mengetahui apa saja yang harus didokumentasikan pada design system. Maka sekarang kita bisa bicara tentang keuntungan dari penggunaannya.

1. Konsistensi

Setelah mengatur jenis huruf, warna, serta komponen makanya produk yang kita bikin akan terlihat konsisten dari segi bentuk ataupun warnanya. Hal ini akan membuat produk terlihat lebih profesional. 

2. Proses Prototipe dan devolopher lebih cepat

Dengan adanya acuan komponen, warna dan tipografi yang harus digunakan, membuat kita sebagain UI/UX Designer tentu tidak perlu bingung lagi dalam mendesign button ataupun navigasi-navigasi lainnya. 

Serta dengan adanya konsistensi penggunaan navigasi juga akan membantu developer dalam pembuatan produk yang telah kita desain.

Get notif with new course or article realted to Product Designe


Hal inilah kenapa alasan design system sangat penting diketahui dan digunakan oleh seorang ui/ux designer. Oleh karena itu penting untuk seorang ui/ux designer mengetahui bagaiamana cari menggunakan design system tersebut.

Follow me
Facebook | Instagram | LinkedIn