> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Määritä suunnitteluohjeet, jotta jokainen Flowstepin generaatio pysyy brandissa

> Määritä tiedoston tason suunnitteluohjeet DESIGN.md-muodossa — värit, typografia, välistys ja konventiot, jotka ohjaavat jokaista AI-generaatiota ja muokkausta tiedostossa.

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

<Steps>
  <Step title="Avaa suunnitteluohjeet-valintaikkuna">
    Napsauta chatin paneelin otsikossa olevaa **Edit design guidelines** -painiketta. **Design guidelines** -valintaikkuna avautuu `DESIGN.md`-tekstieditorilla.
  </Step>

  <Step title="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.
  </Step>

  <Step title="Tallenna">
    Napsauta **Save changes**. Tästä lähtien jokainen generointi ja muokkaus tässä tiedostossa käyttää ohjeita pakollisena kontekstina.
  </Step>
</Steps>

<Note>
  Ohjeet koskevat **vain tulevaa tuotosta** — olemassa olevat suunnitelmat säilyvät ennallaan. Ne rajoittuvat nykyiseen tiedostoon eivätkä siirry muihin tiedostoihin.
</Note>

## 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](/fi/mcp/overview) 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](/fi/mcp/tools).