> ## 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.

# Legen Sie Design-Richtlinien fest, um jede Flowstep-Generierung markenkonform zu halten

> Definieren Sie Design-Richtlinien auf Dateiebene im DESIGN.md-Format – Farben, Typografie, Abstände und Konventionen, die jede KI-Generierung und -Bearbeitung in der Datei steuern.

Mit Design-Richtlinien können Sie stehende Regeln festlegen – Farben, Typografie, Abstände, Komponentenkonventionen – die Flowstep auf jede KI-Generierung und -Bearbeitung in einer Datei anwendet. Anstatt in jedem Prompt zu wiederholen: „Verwenden Sie unser blaues Thema", schreiben Sie es einmal auf und die KI befolgt es von da an.

## Bearbeiten Sie Ihre Design-Richtlinien

<Steps>
  <Step title="Öffnen Sie das Design guidelines-Modal">
    Klicken Sie in der Kopfzeile des Chat-Panels auf die Schaltfläche **Edit design guidelines** (Design-Richtlinien bearbeiten). Das Modal **Design guidelines** (Design-Richtlinien) öffnet sich mit einem `DESIGN.md`-Text-Editor.
  </Step>

  <Step title="Schreiben oder importieren Sie Ihre Richtlinien">
    Geben Sie Ihre Richtlinien direkt ein, oder ziehen Sie eine `.md`-Datei in den Editor, um sie zu importieren. Das Format folgt Googles offenem `design.md`-Standard – optionale YAML-Frontmatter (erkannte Schlüssel: `version`, `name`, `description`, `colors`, `typography`, `rounded`, `spacing`, `components`) gefolgt von Markdown-Abschnitten.
  </Step>

  <Step title="Speichern">
    Klicken Sie auf **Save changes** (Änderungen speichern). Von nun an verwendet jede Generierung und Bearbeitung in dieser Datei Ihre Richtlinien als obligatorischen Kontext.
  </Step>
</Steps>

<Note>
  Richtlinien gelten nur für **zukünftige Ausgabe** – vorhandene Designs bleiben, wie sie sind. Sie sind auf die aktuelle Datei beschränkt und werden nicht auf andere Dateien übertragen.
</Note>

## Gut zu wissen

* **Längenbeschränkung** – Richtlinien können bis zu 50.000 Zeichen lang sein. Importierte Dateien darüber werden gekürzt.
* **Validierung** – strukturelle Fehler (nicht geschlossene YAML-Frontmatter, doppelte `##`-Abschnittsüberschriften) verhindern das Speichern. Schwächere Probleme wie nicht erkannte YAML-Schlüssel oder Farben, die keine gültigen Hex-Codes sind, zeigen Warnungen an, werden aber trotzdem gespeichert.
* **Export** – verwenden Sie die Schaltflächen **Copy raw file** (Rohdatei kopieren) und **Download** im Modal, um Ihre `DESIGN.md` zu kopieren oder herunterzuladen.
* **Richtlinien entfernen** – leeren Sie das Textfeld und speichern Sie, um die Richtlinien für diese Datei zu entfernen.

## Flowstep aktualisiert Richtlinien für Sie

Wenn Sie in einem Prompt eine stehende Stilanweisung geben – zum Beispiel „Verwenden Sie von nun an ein blaues Thema" – erkennt Flowstep dies und aktualisiert Ihre Design-Richtlinien automatisch mit einer Bestätigung im Chat: „Updated your design guidelines to use \[style] for future generations." (Ihre Design-Richtlinien wurden aktualisiert, um \[Stil] für zukünftige Generierungen zu verwenden). Einmalige Anfragen wie „make it blue" (machen Sie es blau) ändern nicht die Richtlinien; sie beeinflussen nur diese Generierung.

## Design-Richtlinien über MCP

Wenn Sie über den [MCP server](/de/mcp/overview) arbeiten, lesen und schreiben die Tools `get-design-guidelines`, `update-design-guidelines` und `delete-design-guidelines` dieselben Richtlinien – sodass Ihr IDE-Workflow und die Web-App synchron bleiben. Siehe [Tools reference](/de/mcp/tools).