Siirry pääsisältöön
Suunnitteluohjeet mahdollistavat pysyvien sääntöjen asettamisen — värit, typografia, välistys, komponenttien konventiot — joita Flowstep soveltaa jokaiseen AI-generaatioon ja muokkaukseen tiedostossa. Sen sijaan että toistaisit “käytä sinistä teemaasi” jokaisessa kehotteessa, kirjoita se kerran ylös ja tekoäly noudattaa sitä siitä lähtien.

Muokkaa suunnittelujohteita

1

Avaa suunnitteluohjeet-valintaikkuna

Napsauta chatin paneelin otsikossa olevaa Edit design guidelines -painiketta. Design guidelines -valintaikkuna avautuu DESIGN.md-tekstieditorilla.
2

Kirjoita tai tuo ohjeesi

Kirjoita ohjeet suoraan tai vedä ja pudota .md-tiedosto editoriin tuodaksesi sen. Muoto noudattaa Googlen avointa design.md -standardia — valinnainen YAML-etuosa (tunnistetut avaimet: version, name, description, colors, typography, rounded, spacing, components) jota seuraa Markdown-osat.
3

Tallenna

Napsauta Save changes. Tästä lähtien jokainen generointi ja muokkaus tässä tiedostossa käyttää ohjeita pakollisena kontekstina.
Ohjeet koskevat vain tulevaa tuotosta — olemassa olevat suunnitelmat säilyvät ennallaan. Ne rajoittuvat nykyiseen tiedostoon eivätkä siirry muihin tiedostoihin.

Hyvä tietää

  • Pituusraja — ohjeet voivat olla enintään 50 000 merkkiä. Tätä pidemmät tuodut tiedostot katkaistaan.
  • Validointi — rakenteiden virheet (sulkematon YAML-etuosa, kaksinkertaiset ##-osien otsikot) estävät tallennuksen. Pehmeämmät ongelmat, kuten tunnistamattomien YAML-avainten tai virheelliset heksadesimaalivärit, näyttävät varoituksia mutta silti tallentuvat.
  • Vienti — käytä modalin Copy raw file ja Download -painikkeita kopioidaksesi tai ladataksesi DESIGN.md-tiedostosi.
  • Ohjeiden poistaminen — tyhjennä tekstikenttä ja tallenna poistaaksesi ohjeet kyseiselle tiedostolle.

Flowstep päivittää ohjeita puolestasi

Kun annat pysyvän tyyliohjeen kehotteessa — esimerkiksi “käytä sinistä teemaa jatkossa” — Flowstep havaitsee sen ja päivittää suunnittelujohteesi automaattisesti, vahvistamalla chatissa: “Updated your design guidelines to use [style] for future generations.” Kertaluonteiset pyynnöt kuten “tee siitä sininen” eivät muuta ohjeita; ne vaikuttavat vain kyseiseen generaatioon.

Suunnitteluohjeet MCP:n kautta

Jos työskentelet MCP-palvelimen kautta, get-design-guidelines, update-design-guidelines ja delete-design-guidelines -työkalut lukevat ja kirjoittavat samoja ohjeita — joten IDE-työnkulkusi ja verkkosovelluksesi pysyvät synkronoituina. Katso Tools reference.