Asosiy tarkibga o'tish
Dizayn yo’riqnomalari sizga doimiy qoidalar o’rnatish imkonini beradi — ranglar, tipografiya, oraliklar, komponent konventsiyalari — Flowstep har bir AI generatsiyasi va fayl o’zgartirilishida qo’llaydi. Har bir promptda “bizning ko’k mavzusini ishlating” degan o’rniga, uni bir marta yozing va AI bundan keyin uni amal qiladi.

Dizayn yo’riqnomalarini tahrirlash

1

Dizayn yo'riqnomalari modal oynasini oching

Chat paneli sarlavhasida Edit design guidelines tugmasini bosing. Design guidelines modal oynasi DESIGN.md matn muharriri bilan ochiladi.
2

Yo'riqnomalarni yozing yoki import qiling

Yo’riqnomalarni to’g’ridan-to’g’ri yozing yoki import qilish uchun .md faylni muharrir oynasiga surib qo’ying. Format Google’s ochiq design.md standartiga amal qiladi — ixtiyoriy YAML metadata (version, name, description, colors, typography, rounded, spacing, components kalitlari) Markdown bo’limlari bilan davom etadi.
3

Saqlash

Save changes tugmasini bosing. Bundan keyin, ushbu fayl ichidagi har bir generatsiya va o’zgartirilish sizning yo’riqnomalarni majburiy kontekst sifatida ishlatadi.
Yo’riqnomalar faqat kelajak chiqishga qo’llaniladi — mavjud dizaynlar o’z holatida qoladi. Ular joriy fayl doirasiga kiradi va boshqa faillar uchun o’tkazilmaydi.

Bilish kerak

  • Uzunlik chegarasi — yo’riqnomalar 50 000 belgigacha bo’lishi mumkin. Shu miqdordan ortiq import qilingan fayllar qisqartiriladi.
  • Tekshirish — strukturaviy xatolar (yopilmagan YAML metadata, takroriy ## bo’lim sarlavhalari) saqlashni blokirovka qiladi. Yumshoq muammolar, masalan, tan olinmagan YAML kalitlar yoki yaroqli hex kodlar bo’lmagan ranglar, ogohlantirish ko’rsatadi, lekin baribir saqlanadi.
  • Export — modaldagi Copy raw file va Download tugmalaridan foydalanib, DESIGN.md nusxani qopiyalayman yoki yuklab oling.
  • Yo’riqnomalarni olib tashlash — matn maydonini tozalalib saqlab, shu fayl uchun yo’riqnomalarni olib tashlang.

Flowstep sizning uchun yo’riqnomalarni yangilaydi

Agar siz promptda doimiy uslub ko’rsatmasini bersangiz — masalan, “bundan keyin, ko’k mavzusini ishlating” — Flowstep uni aniqlab, dizayn yo’riqnomalarni avtomatik ravishda yangilaydi, chatda tasdiqlaydi: “Dizayn yo’riqnomalarni kelajak generatsiyalari uchun [uslub] bilan yangilandi.” “Ko’k qiling” kabi bir marta so’rovlar yo’riqnomalarni o’zgartirmaydi; ular faqat shu generatsiyaga ta’sir qiladi.

MCP orqali Dizayn yo’riqnomalari

Agar siz MCP server orqali ishlasangiz, get-design-guidelines, update-design-guidelines va delete-design-guidelines vositalar bir xil yo’riqnomalarni o’qiydi va yozadi — shuning uchun sizning IDE iş oqimi va veb-aplikatsiyangiz sinxron qoladi. Vositalar tavsifnomasi ga qarang.