Skip to main content
Designriktlinjer låter dig ange ständiga regler — färger, typografi, mellanrum, komponentkonventioner — som Flowstep tillämpar på varje AI-generering och redigering i en fil. I stället för att upprepa “använd vårt blå tema” i varje prompt skriver du det en gång och AI följer det från då på.

​
Redigera designriktlinjer

1

Öppna designriktlinjer-modalen

I sidhuvudet för chattfönstret klickar du på knappen Edit design guidelines. Modalen Design guidelines öppnas med en DESIGN.md textredigerare.
2

Skriv eller importera dina riktlinjer

Skriv dina riktlinjer direkt eller dra och släpp en .md-fil i redigeraren för att importera den. Formatet följer Googles öppna design.md-standard — valfri YAML front matter (igenkända nycklar: version, name, description, colors, typography, rounded, spacing, components) följd av Markdown-avsnitt.
3

Spara

Klicka på Save changes. Från och med nu använder varje generering och redigering i denna fil dina riktlinjer som obligatorisk kontext.
Riktlinjer tillämpas på endast framtida utdata — befintliga design förblir som de är. De är begränsade till den aktuella filen och överförs inte till andra filer.

​
Bra att veta

  • Längdbegränsning — riktlinjer kan vara upp till 50 000 tecken. Importerade filer bortom det trunkeras.
  • Validering — strukturella fel (oavslutad YAML front matter, duplicerad ## avsnittshuvud) blockerar sparande. Mjukare problem, som okända YAML-nycklar eller färger som inte är giltiga hexkoder, visar varningar men sparas fortfarande.
  • Export — använd knapparna Copy raw file och Download i modalen för att kopiera eller hämta din DESIGN.md.
  • Ta bort riktlinjer — rensa textfältet och spara för att ta bort riktlinjer för den filen.

​
Flowstep uppdaterar riktlinjer åt dig

När du ger en ständig stilinstruktion i en prompt — till exempel, “använd ett blå tema från och med nu” — detekterar Flowstep det och uppdaterar designriktlinjerna automatiskt, vilket bekräftas i chatten: “Updated your design guidelines to use [style] for future generations.” Engångsbegäranden som “gör det blå” ändrar inte riktlinjerna; de påverkar bara den generationen.

​
Designriktlinjer via MCP

Om du arbetar genom MCP server, läser och skriver verktygen get-design-guidelines, update-design-guidelines och delete-design-guidelines samma riktlinjer — så att ditt IDE-arbetsflöde och webbappen förblir synkroniserade. Se Verktygsreferensen.