Variabel dan tema

1Variabel

Buka panel Variabel dengan Cmd+Shift+V. Buat variabel warna, angka, dan teks, cari variabel, lalu ikat ke isi, garis tepi, ukuran, atau teks. Agen juga dapat membuat variabel boolean (benar atau salah).

2Tema

Tambahkan tema untuk membuat sumbu seperti Mode, lalu tambahkan varian seperti Terang dan Gelap. Setiap variabel dapat memiliki nilai per varian, dan mengganti varian akan menggambar ulang semua yang terikat padanya.

Simpan set saat ini sebagai preset untuk digunakan lagi di file lain. Preset dapat diekspor ke dan diimpor dari file .optheme.

3Sistem desain

Empat sistem desain lengkap disertakan bersama aplikasi: Halo, Lunaris, Nitro, dan shadcn. Masing-masing adalah set token lengkap dengan tema terang dan gelap. Terapkan salah satunya dari Beranda, Sistem desain, atau minta agen melakukannya.

4design.md

Panel Sistem Desain (Cmd+Shift+D) menyimpan deskripsi tertulis tentang desain: tema visual, warna, tipografi, gaya komponen, prinsip tata letak, dan catatan untuk pembuatan desain. Agen membacanya sebelum menggambar.

• Impor atau ekspor sebagai file design.md.
• Buat secara otomatis dari desain saat ini dengan model AI Anda.
• Sinkronkan semua ke variabel mengubah warnanya menjadi variabel; +Var menambahkan satu per satu.

5Panduan gaya

Pusat Aset memiliki 63 panduan gaya bawaan yang dapat diikuti agen, ditambah gaya Anda sendiri: impor file DESIGN.md apa pun, atau tempelkan isinya, di bagian Gaya. Sematkan sebuah gaya agar agen menggunakannya untuk setiap desain baru.