Skip to main content
Panduan desain memungkinkan Anda menetapkan aturan tetap — warna, tipografi, jarak, konvensi komponen — yang diterapkan Flowstep pada setiap generasi dan pengeditan AI dalam file. Alih-alih mengulangi “gunakan tema biru kami” di setiap prompt, tuliskan sekali saja dan AI akan mengikutinya sejak saat itu.

​
Edit panduan desain Anda

1

Buka modal Panduan Desain

Di header panel chat, klik tombol Edit panduan desain. Modal Panduan Desain terbuka dengan editor teks DESIGN.md.
2

Tulis atau impor panduan Anda

Ketik panduan Anda secara langsung, atau seret dan lepaskan file .md ke dalam editor untuk mengimpornya. Format mengikuti standar design.md terbuka dari Google — opsional YAML front matter (kunci yang dikenali: version, name, description, colors, typography, rounded, spacing, components) diikuti oleh bagian Markdown.
3

Simpan

Klik Simpan perubahan. Sejak saat itu, setiap generasi dan pengeditan dalam file ini menggunakan panduan Anda sebagai konteks wajib.
Panduan berlaku untuk output di masa mendatang saja — desain yang sudah ada tetap seperti adanya. Mereka terbatas pada file saat ini dan tidak berpindah ke file lain.

​
Hal penting untuk diketahui

  • Batas panjang — panduan dapat mencapai hingga 50.000 karakter. File yang diimpor melampaui itu akan dipotong.
  • Validasi — kesalahan struktural (YAML front matter yang tidak tertutup, penggandaan judul bagian ##) memblokir penyimpanan. Masalah yang lebih ringan, seperti kunci YAML yang tidak dikenali atau warna yang bukan kode hex yang valid, menampilkan peringatan tetapi tetap menyimpan.
  • Ekspor — gunakan tombol Salin file mentah dan Unduh di modal untuk menyalin atau mengunduh DESIGN.md Anda.
  • Menghapus panduan — kosongkan bidang teks dan simpan untuk menghapus panduan untuk file tersebut.

​
Flowstep memperbarui panduan untuk Anda

Ketika Anda memberikan instruksi gaya tetap dalam prompt — misalnya, “mulai dari sekarang, gunakan tema biru” — Flowstep mendeteksinya dan memperbarui panduan desain Anda secara otomatis, mengkonfirmasi dalam chat: “Panduan desain Anda telah diperbarui untuk menggunakan [style] untuk generasi di masa mendatang.” Permintaan sekali jalan seperti “buat biru” tidak mengubah panduan; mereka hanya mempengaruhi generasi itu.

​
Panduan desain melalui MCP

Jika Anda bekerja melalui server MCP, alat get-design-guidelines, update-design-guidelines, dan delete-design-guidelines membaca dan menulis panduan yang sama — jadi alur kerja IDE dan aplikasi web Anda tetap tersinkronisasi. Lihat Referensi Alat.