> ## 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.

# डिज़ाइन गाइडलाइन्स सेट करें और Flowstep के हर generation को ब्रांड के अनुसार रखें

> DESIGN.md फॉर्मेट में फ़ाइल-स्तर के डिज़ाइन गाइडलाइन्स define करें — रंग, typography, spacing, और conventions जो फ़ाइल में हर AI generation और edit को guide करते हैं।

डिज़ाइन गाइडलाइन्स आपको स्थायी नियम सेट करने देते हैं — रंग, typography, spacing, component conventions — जो Flowstep हर AI generation और फ़ाइल में edit पर लागू करता है। हर prompt में "अपनी नीली theme use करें" दोहराने के बजाय, इसे एक बार लिख दें और AI इसके बाद इसका पालन करता है।

## अपने डिज़ाइन गाइडलाइन्स को edit करें

<Steps>
  <Step title="डिज़ाइन गाइडलाइन्स modal खोलें">
    chat panel header में, **Edit design guidelines** बटन पर क्लिक करें। **Design guidelines** modal `DESIGN.md` text editor के साथ खुलता है।
  </Step>

  <Step title="अपने guidelines को लिखें या import करें">
    अपने guidelines को सीधे type करें, या `.md` फ़ाइल को editor में drag और drop करके import करें। यह फॉर्मेट Google के open `design.md` standard को follow करता है — optional YAML front matter (recognized keys: `version`, `name`, `description`, `colors`, `typography`, `rounded`, `spacing`, `components`) के बाद Markdown sections।
  </Step>

  <Step title="Save करें">
    **Save changes** पर क्लिक करें। इसके बाद से, इस फ़ाइल में हर generation और edit आपके guidelines को mandatory context के रूप में use करता है।
  </Step>
</Steps>

<Note>
  Guidelines केवल **भविष्य के output** पर लागू होते हैं — existing designs वैसे ही रहते हैं। वे केवल current file के लिए हैं और अन्य files में transfer नहीं होते।
</Note>

## जानने योग्य बातें

* **Length limit** — guidelines 50,000 characters तक हो सकते हैं। इससे बड़ी imported files truncate हो जाती हैं।
* **Validation** — structural errors (unclosed YAML front matter, duplicate `##` section headings) saving को block करते हैं। कम गंभीर समस्याएं, जैसे unrecognized YAML keys या invalid hex codes वाले colors, warnings दिखाते हैं लेकिन फिर भी save होते हैं।
* **Export** — modal में **Copy raw file** और **Download** बटन use करके अपनी `DESIGN.md` को copy या download करें।
* **Guidelines को remove करना** — text field को clear करें और save करें अपनी file के guidelines को remove करने के लिए।

## Flowstep आपके लिए guidelines को update करता है

जब आप एक prompt में एक standing style instruction देते हैं — उदाहरण के लिए, "इसके बाद से, नीली theme use करें" — Flowstep इसे detect करता है और automatically अपने design guidelines को update करता है, chat में यह confirm करते हुए: "Updated your design guidelines to use \[style] for future generations." "make it blue" जैसे one-off requests guidelines को change नहीं करते; वे केवल उस generation को affect करते हैं।

## MCP के साथ डिज़ाइन गाइडलाइन्स

अगर आप [MCP server](/hi/mcp/overview) के माध्यम से काम करते हैं, तो `get-design-guidelines`, `update-design-guidelines`, और `delete-design-guidelines` tools same guidelines को read और write करते हैं — इसलिए आपकी IDE workflow और web app sync में रहती हैं। [Tools reference](/hi/mcp/tools) देखें।