Skip to main content
Wytyczne projektowe pozwalają ustawić stałe reguły — kolory, typografię, odstępy, konwencje komponentów — które Flowstep stosuje do każdej generacji i edycji AI w pliku. Zamiast powtarzać „użyj naszego niebieskiego motywu” w każdym prompt, zapisz to raz, a AI będzie go od tego momentu stosować.

Edytuj swoje wytyczne projektowe

1

Otwórz modal wytycznych projektowych

W nagłówku panelu czatu kliknij przycisk Edit design guidelines (Edytuj wytyczne projektowe). Otworzy się modal Design guidelines (Wytyczne projektowe) z edytorem tekstu DESIGN.md.
2

Napisz lub zaimportuj swoje wytyczne

Wpisz swoje wytyczne bezpośrednio lub przeciągnij i upuść plik .md do edytora, aby go zaimportować. Format jest zgodny ze standardem design.md firmy Google — opcjonalna sekcja YAML front matter (rozpoznawane klucze: version, name, description, colors, typography, rounded, spacing, components) i sekcje Markdown.
3

Zapisz

Kliknij przycisk Save changes (Zapisz zmiany). Od tego momentu każda generacja i edycja w tym pliku będzie używać twoich wytycznych jako obowiązkowego kontekstu.
Wytyczne dotyczą tylko przyszłych wyników — istniejące projekty pozostają bez zmian. Są ograniczone do bieżącego pliku i nie są przenoszone na inne pliki.

Warto wiedzieć

  • Limit długości — wytyczne mogą mieć do 50 000 znaków. Importowane pliki przekraczające ten limit są obcinane.
  • Walidacja — błędy strukturalne (niezamknięty YAML front matter, zduplikowane nagłówki sekcji ##) uniemożliwiają zapisanie. Mniejsze problemy, takie jak nierozpoznane klucze YAML lub kolory, które nie są prawidłowymi kodami heksadecymalnymi, pokazują ostrzeżenia, ale i tak są zapisywane.
  • Eksport — użyj przycisków Copy raw file (Kopiuj plik) i Download (Pobierz) w modalu, aby skopiować lub pobrać swój plik DESIGN.md.
  • Usuwanie wytycznych — wyczyść pole tekstowe i zapisz, aby usunąć wytyczne dla tego pliku.

Flowstep aktualizuje wytyczne dla ciebie

Kiedy podasz stałą instrukcję stylizacji w prompt — na przykład „od teraz używaj niebieskiego motywu” — Flowstep to wykryje i automatycznie zaktualizuje twoje wytyczne projektowe, potwierdzając w czacie: „Updated your design guidelines to use [style] for future generations.” (Zaktualizowano twoje wytyczne projektowe, aby używać [stylów] w przyszłych generacjach). Jednorazowe prośby, takie jak „zrób to niebieskie”, nie zmieniają wytycznych; wpływają tylko na tę generację.

Wytyczne projektowe przez MCP

Jeśli pracujesz przez serwer MCP, narzędzia get-design-guidelines, update-design-guidelines i delete-design-guidelines czytają i zapisują te same wytyczne — dzięki czemu twój przepływ pracy IDE i aplikacja internetowa pozostają zsynchronizowane. Zapoznaj się z dokumentacją narzędzi.