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ędziaget-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.