Skip to main content
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

1

Ö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.
2

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

Speichern

Klicken Sie auf Save changes (Änderungen speichern). Von nun an verwendet jede Generierung und Bearbeitung in dieser Datei Ihre Richtlinien als obligatorischen Kontext.
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.

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