★ Unit 17

Design system dan token AI

Ubah setumpuk komponen menjadi sistem yang bisa diandalkan satu tim utuh (dan tool AI-nya): fondasi dan token berlapis, nama yang sanggup berkembang, mode terang, gelap, dan brand kedua, komponen yang dibangun untuk bertahan, dokumentasi yang benar-benar dibaca orang, versioning yang tidak merusak apa-apa, token di dalam kode, dan AI yang mengikuti aturanmu alih-alih menebak-nebak.

🔒 Unit 17 khusus anggota

Unit 7 sampai 25 khusus anggota bootcamp. Masuk kalau kamu peserta, atau daftar untuk bergabung.

MasukKembali ke kursus gratis

1Apa itu design systemSebutkan bagian-bagian sebuah design system, jelaskan kenapa tim membangunnya, dan nilai kapan kamu belum membutuhkannya.
2Design token berlapisTata keputusan desain sebagai token primitif, semantik, dan komponen, lalu pakai alias supaya satu perubahan menjalar ke semua tempat yang seharusnya.
3Penamaan, mode, dan temaBeri nama token dengan konvensi yang sanggup berkembang, dan pakai mode untuk berpindah antara terang, gelap, dan brand kedua.
4Arsitektur komponenDesain komponen dengan properti yang jelas, nested instance, dan slot; pilih antara komposisi dan konfigurasi; serta kembalikan salinan yang terlepas ke dalam sistem.
5Dokumentasi dan panduan penggunaanTulis dokumentasi komponen yang benar-benar dipakai orang: kapan dipakai, contoh, boleh dan jangan, properti, dan catatan aksesibilitas.
6Tata kelola, kontribusi, dan versioningPilih cara orang berkontribusi, rilis perubahan dengan semantic versioning, dan pensiunkan bagian tanpa merusak pekerjaan siapa pun.
7Token masuk ke kodeBaca sebuah file token dalam format W3C community, ubah token menjadi variabel CSS, dan jaga desain dan kode tetap selaras.
8AI dan design systemBerikan token, komponen, dan dokumenmu sebagai konteks untuk tool AI, tinjau usulannya terhadap sistem, dan pahami risikonya.
★Starter design system dua brandProyek