ALUSNA — Bagusnya dimulai di sini.
Design Token Generator
Buat color roles, typography, spacing, radius, dan shadow lalu ekspor ke CSS, Tailwind, JSON, atau React Native.
Cara menggunakan Design Token Generator
Design token menerjemahkan keputusan visual menjadi nama dan nilai yang dapat dipakai lintas desain serta kode. Token yang baik menjelaskan fungsi, bukan hanya menyimpan nilai mentah.
Langkah penggunaan
- Tentukan warna dasar dan prefix yang jelas untuk proyek atau brand.
- Tinjau peran warna, tipografi, spacing, radius, dan shadow yang dihasilkan.
- Pilih format ekspor yang sesuai lalu review penamaan sebelum dimasukkan ke repository produksi.
Cocok digunakan untuk
- Design system
- Handoff developer
- Tema multi-platform
Catatan penting
- Gunakan nama semantik seperti text-primary atau surface, bukan nama yang terikat pada warna tertentu.
- Token perlu versioning dan review ketika dipakai oleh lebih dari satu produk atau platform.