Design System: UI yang Konsisten dan Bisa Dipakai Ulang

Bikin token, komponen, dan dokumentasi yang bikin lima orang menghasilkan UI yang terlihat seperti satu produk.

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'.

Dari UI Berantakan ke Design Token
Apa Itu Design System dan Kapan Kamu Butuh15 menit
Design Token: Satu Sumber Nilai Desain20 menit
Skala Tipografi dan Spasi yang Konsisten20 menit
Komponen yang Bisa Dipakai Ulang
Anatomi Komponen: Varian, Ukuran, dan State20 menit
Bikin Komponen yang Aksesibel Sejak Awal20 menit
Theming dan Dark Mode Tanpa Nulis Ulang CSS20 menit
Supaya Design System-nya Beneran Dipakai
Dokumentasikan Komponen dengan Storybook20 menit
Distribusi dan Versioning Tanpa Merusak Aplikasi Orang20 menit
Jaga Design System Tetap Dipakai20 menit