Skip to main content
Met ontwerprichtlijnen kun je permanente regels stellen — kleuren, typografie, spatiëring, componentconventies — die Flowstep toepast op elke AI-generatie en bewerking in een bestand. In plaats van “gebruik ons blauwe thema” in elke prompt te herhalen, schrijf je het eenmaal op en de AI volgt het daarna.

​
Bewerk je ontwerprichtlijnen

1

Open het modale venster Design guidelines

Klik in de koptekst van het chatpaneel op de knop Edit design guidelines. Het modale venster Design guidelines wordt geopend met een DESIGN.md teksteditor.
2

Schrijf of importeer je richtlijnen

Typ je richtlijnen rechtstreeks, of sleep een .md bestand naar de editor om het te importeren. De indeling volgt Google’s open design.md standaard — optionele YAML voormatter (herkende sleutels: version, name, description, colors, typography, rounded, spacing, components) gevolgd door Markdown-secties.
3

Opslaan

Klik op Save changes. Vanaf nu gebruikt elke generatie en bewerking in dit bestand je richtlijnen als verplichte context.
Richtlijnen zijn van toepassing op toekomstige output alleen — bestaande ontwerpen blijven zoals ze zijn. Ze zijn beperkt tot het huidige bestand en worden niet naar andere bestanden overgenomen.

​
Goed om te weten

  • Lengtelimiet — richtlijnen kunnen tot 50.000 tekens bevatten. Geïmporteerde bestanden daarboven worden afgekapt.
  • Validatie — structurele fouten (onafgesloten YAML voormatter, dubbele ## sectiekopteksten) blokkeren opslaan. Zachtere problemen, zoals niet-herkende YAML-sleutels of kleuren die geen geldige hexadecimale codes zijn, tonen waarschuwingen maar slaan toch op.
  • Exporteren — gebruik de knoppen Copy raw file en Download in het modale venster om je DESIGN.md te kopiëren of te downloaden.
  • Richtlijnen verwijderen — wis het tekstveld en sla op om de richtlijnen voor dat bestand te verwijderen.

​
Flowstep werkt je richtlijnen voor je bij

Wanneer je een permanente stijlinstructie in een prompt geeft — bijvoorbeeld “gebruik vanaf nu een blauw thema” — detecteert Flowstep dit en werkt je ontwerprichtlijnen automatisch bij, bevestigend in de chat: “Updated your design guidelines to use [style] for future generations.” Eenmalige verzoeken zoals “maak het blauw” wijzigen de richtlijnen niet; ze beïnvloeden alleen die generatie.

​
Ontwerprichtlijnen via MCP

Als je via de MCP-server werkt, lezen en schrijven de hulpmiddelen get-design-guidelines, update-design-guidelines en delete-design-guidelines dezelfde richtlijnen — zodat je IDE-workflow en de web-app gesynchroniseerd blijven. Zie de Hulpmiddelenreferentie.