Design System: UI yang Konsisten dan Bisa Dipakai Ulang
Menyusun token, komponen, dan dokumentasi yang membuat lima orang menghasilkan UI yang terlihat seperti satu produk.
Deskripsi
Course tentang cara menyusun design system dari nol: design token sebagai satu sumber nilai desain, komponen dengan varian dan state yang jelas, aksesibilitas yang dipasang sejak awal, sampai cara mendistribusikan dan menjaganya supaya tetap dipakai tim. Semua contohnya CSS dan komponen nyata, bukan teori soal konsistensi.
Apa yang akan dipelajari
- Menentukan kapan sebuah tim benar-benar membutuhkan design system, dan kapan belum
- Menyusun design token sebagai satu sumber nilai warna, tipografi, dan spasi
- Merancang komponen beserta varian, ukuran, dan state-nya, dengan aksesibilitas sejak awal
- Menyiapkan theming dan dark mode tanpa menulis ulang CSS
- Mendokumentasikan komponen dengan Storybook lalu mendistribusikannya tanpa merusak aplikasi tim lain
Kurikulum
- 01 Dari UI Berantakan ke Design Token
- 02 Komponen yang Bisa Dipakai Ulang
- 03 Supaya Design System-nya Beneran Dipakai