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.mdfá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, aget-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.