अपने डिज़ाइन गाइडलाइन्स को edit करें
1
डिज़ाइन गाइडलाइन्स modal खोलें
chat panel header में, Edit design guidelines बटन पर क्लिक करें। Design guidelines modal
DESIGN.md text editor के साथ खुलता है।2
अपने 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।3
Save करें
Save changes पर क्लिक करें। इसके बाद से, इस फ़ाइल में हर generation और edit आपके guidelines को mandatory context के रूप में use करता है।
Guidelines केवल भविष्य के output पर लागू होते हैं — existing designs वैसे ही रहते हैं। वे केवल current file के लिए हैं और अन्य files में transfer नहीं होते।
जानने योग्य बातें
- 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 के माध्यम से काम करते हैं, तोget-design-guidelines, update-design-guidelines, और delete-design-guidelines tools same guidelines को read और write करते हैं — इसलिए आपकी IDE workflow और web app sync में रहती हैं। Tools reference देखें।