Wróć do biblioteki promptów
Biblioteka promptówPrompt obrazu

Plansza systemu stylu UI

Utwórz wielostronicową planszę systemu stylu UI z siatką 8px, tokenami kolorów, skalą typografii, stanami komponentów i wyrównanymi przykładami layoutu.

Design systemUI kitTypografia
Podgląd

Prompt obrazu

Rekomendowany model

Seedream 5.0 Lite

Format wyniku

Szablon promptu obrazu

Podgląd

Prompt obrazu

Podgląd planszy systemu stylu UI pokazujący tokeny kolorów, skalę typografii, stany komponentów i przykłady responsywnego layoutu.

Podgląd Planszy systemu stylu UI, skupiony na spójności systemu, wyrównaniu do siatki, edytowalnych tokenach i przykładach UI gotowych dla produktu.

Pełny prompt

Plansza systemu stylu UI

Wielostronicowa plansza systemu stylu UI z siatką 8px, tokenami kolorów, skalą typografii, komponentami i responsywnymi layoutami.

Rekomendowany model: Seedream 5.0 LiteFormat wyniku: Szablon promptu obrazu
Pełny prompt
Prompt obrazu
Utwórz dopracowaną wielostronicową planszę systemu stylu UI dla [PRODUCT_OR_BRAND]. Zaprezentuj system jako spójny zestaw stron projektowych na jednym czystym płótnie podglądu. Na każdej stronie użyj ścisłej siatki odstępów 8px, spójnych marginesów, precyzyjnego wyrównania i jasnej hierarchii. Uwzględnij panel tokenów kolorów z próbkami primary, secondary, neutral, semantic i background; skalę typografii ze stylami nagłówków, tekstu głównego, caption i liczb; arkusz komponentów z przyciskami, inputami, kartami, nawigacją, badge'ami i empty states; oraz dwa przykłady responsywnego layoutu pokazujące proporcje desktopu i mobile. Utrzymaj system jako wizualnie spójny, edytowalny i odpowiedni dla produktu SaaS, narzędzia dla twórców, marki ecommerce lub wewnętrznego dashboardu. Używaj realistycznego tekstu placeholder tylko tam, gdzie jest potrzebny, i utrzymuj etykiety na tyle krótkie, aby pozostały czytelne. Unikaj prawdziwych logo, kopiowania istniejących design systemów, nazw marek niedostarczonych przez użytkownika, zniekształconej typografii, niespójnych odstępów, niedopasowanych cieni, dekoracyjnego bałaganu, niedostępnego kontrastu i przykładów komponentów łamiących siatkę.

Uwagi o użyciu

Przed uruchomieniem zastąp typ produktu, ton marki, kierunek palety, listę komponentów, przykłady layoutu i wymagania dostępności.

FAQ promptu

Zanim użyjesz tego promptu

Szybkie kontrole wejść, dopasowania modelu i sposobu adaptacji szablonu bez osłabiania wyniku.

Co dostosować najpierw?

Zdefiniuj typ produktu, ton marki, bazową paletę, osobowość typografii, zakres komponentów oraz to, czy przykłady mają wyglądać bardziej marketingowo czy dashboardowo.

Czy ten prompt może stworzyć użyteczny design system?

Tworzy wizualną planszę systemu stylu do eksploracji i prezentacji. Przed przekształceniem jej w produkcyjne tokeny UI sprawdź odstępy, kontrast, typografię i zachowanie komponentów.

Co sprawdzić przed publikacją obrazu?

Sprawdź, czy etykiety są czytelne, próbki kolorów wyraźnie się różnią, hierarchia typografii jest jasna, komponenty mają tę samą logikę odstępów i nie skopiowano prawdziwego systemu marki.

Więcej promptów w tym trybie