> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Tetapkan panduan desain untuk menjaga setiap generasi Flowstep sesuai merek

> Tentukan panduan desain tingkat file dalam format DESIGN.md — warna, tipografi, jarak, dan konvensi yang mengarahkan setiap generasi dan pengeditan AI dalam file.

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

<Steps>
  <Step title="Buka modal Panduan Desain">
    Di header panel chat, klik tombol **Edit panduan desain**. Modal **Panduan Desain** terbuka dengan editor teks `DESIGN.md`.
  </Step>

  <Step title="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.
  </Step>

  <Step title="Simpan">
    Klik **Simpan perubahan**. Sejak saat itu, setiap generasi dan pengeditan dalam file ini menggunakan panduan Anda sebagai konteks wajib.
  </Step>
</Steps>

<Note>
  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.
</Note>

## 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](/id/mcp/overview), 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](/id/mcp/tools).