Skip to main content
A tervezési irányelvek segítségével állíthat be állandó szabályokat — színeket, tipográfiát, térközt, komponens konvenciókat —, amelyeket a Flowstep minden AI-generálásra és szerkesztésre alkalmaz a fájlban. Ahelyett, hogy minden promptban megismételné, hogy „használd a kék témát”, írja le egyszer, és az AI ettől kezdve követi azt.

Tervezési irányelvek szerkesztése

1

A Tervezési irányelvek modal megnyitása

A chat panel fejlécében kattints az Edit design guidelines (tervezési irányelvek szerkesztése) gombra. A Design guidelines modal megnyitódik egy DESIGN.md szövegszerkesztővel.
2

Irányelvek írása vagy importálása

Közvetlenül beírhatod az irányelveket, vagy egy .md fájlt húzhatsz az editorba az importáláshoz. A formátum a Google nyílt design.md szabványát követi — opcionális YAML front matter (version, name, description, colors, typography, rounded, spacing, components kulcsok) majd Markdown szakaszok.
3

Mentés

Kattints a Save changes (módosítások mentése) gombra. Ettől kezdve minden generálás és szerkesztés a fájlban kötelezően használja az irányelveket.
Az irányelvek csak a jövőbeli kimenetre vonatkoznak — a meglévő tervek változatlanok maradnak. Az irányelvek az aktuális fájlra korlátozódnak, és nem kerülnek át más fájlokra.

Hasznos tudnivalók

  • Hosszúsági korlát — az irányelvek legfeljebb 50 000 karakterből állhatnak. Az ennél nagyobb importált fájlok csonkítódnak.
  • Érvényesítés — strukturális hibák (lezáratlan YAML front matter, ismételt ## fejlécek) megakadályozzák a mentést. Lágyabb problémák, mint az ismeretlen YAML kulcsok vagy érvénytelen hexadecimális színkódok, figyelmeztetéseket mutatnak, de továbbra is mentődnek.
  • Exportálás — a modal Copy raw file és Download gombjaival másolhatod vagy letöltheted a DESIGN.md fájlt.
  • Irányelvek eltávolítása — töröld a szöveget és mentsd, hogy eltávolítsd az irányelveket a fájlból.

A Flowstep frissíti az irányelveket helyetted

Ha egy állandó stílus instrukciót adsz a promptban — például „ettől kezdve használj kék témát” — a Flowstep felismeri és automatikusan frissíti a tervezési irányelveket, megerősítve a chatben: „Updated your design guidelines to use [style] for future generations.” Az egyszeri kérések, mint a „tedd kékké”, nem módosítják az irányelveket; csak az adott generálásra vonatkoznak.

Tervezési irányelvek az MCP-n keresztül

Ha az MCP server segítségével dolgozol, a get-design-guidelines, update-design-guidelines és delete-design-guidelines eszközök ugyanazokat az irányelveket olvassák és írják — így az IDE-munkafolyamatod és a webalkalmazás szinkronban marad. Lásd a Tools reference oldalt.