Skip to main content
Nie musisz znać różnicy między typografią a czcionką, rozumieć systemów siatki czy kiedykolwiek otwierać narzędzie projektowania. Flowstep automatycznie obsługuje układ, typografię, kolor, odstępy i hierarchię wizualną — Twoim zadaniem jest po prostu opisać, czego chcesz.

Jak to działa bez umiejętności projektowania

Gdy wpiszesz prompt, Flowstep interpretuje Twój opis i podejmuje wszystkie decyzje wizualne, które zwykle podejmowałby projektant: jak rozmieścić elementy na ekranie, które czcionki używać, ile dodać białego miejsca i jak ustanowić hierarchię wizualną, która kieruje wzrokiem. Ty opisujesz cel i treść; Flowstep produkuje ekran wyglądający jak zaprojektowany przez profesjonalistę.
Potraktuj pisanie promptu do Flowstep tak samo jak briefowanie projektanta. Nie mówisz projektantowi, jaki rozmiar czcionki zastosować — opisujesz mu, do czego służy ekran i co powinien komunikować. Flowstep działa w ten sam sposób.

Wskazówki dotyczące pisania dobrych promptów

Skoncentruj się na trzech rzeczach: celu ekranu, kluczowych informacjach, które powinny się na nim znaleźć, i typie produktu lub odbiorcy. Rozpocznij od celu ekranu Zacznij od tego, co ekran powinien robić. „Sign-up screen for a meal planning app” mówi Flowstep o wiele więcej niż lista elementów interfejsu użytkownika. Wymień kluczową treść lub działania Uwzględnij najważniejsze rzeczy, które użytkownik powinien zobaczyć lub zrobić. Nie musisz wymieniać wszystkiego — tylko elementy najważniejsze dla doświadczenia. Odwołaj się do typu produktu lub odbiorcy, jeśli to pomaga Wspomnienie o rodzaju produktu (np. aplikacja mobilna dla konsumentów, pulpit nawigacyjny B2B, checkout e-commerce) pomaga Flowstep dobrać właściwy ton wizualny i konwencje.
Jeśli Twój pierwszy wynik nie jest całkiem prawidłowy, nie zaczynaj od nowa — wpisz tylko pytanie uzupełniające. Powiedzenie „make the layout more minimal” lub „use a darker color scheme” wystarczy, aby skierować projekt w nowym kierunku.

Przykładowe prompty do wypróbowania

Oto kilka promptów, które działają dobrze, napisanych zwykłym angielskim bez terminologii projektowej: Przepływ onboardingu dla aplikacji fitness
“First screen of an onboarding flow for a fitness tracking app. It should welcome the user, briefly explain what the app does, and have a button to get started.”
Strona ustawień dla produktu SaaS
“Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look.”
Ekran kasy mobilnej
“Checkout screen for a mobile shopping app. Show an order summary, a field for a promo code, and a prominent button to complete the purchase.”
Te prompty działają nie dlatego, że używają języka projektowania, ale dlatego, że wyraźnie opisują cel ekranu, treść i kontekst. To wszystko, czego potrzebujesz.