> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Jak używać Flowstep bez wcześniejszego doświadczenia projektowego

> Nie potrzebujesz wykształcenia w zakresie projektowania, aby tworzyć świetne ekrany interfejsu użytkownika w Flowstep. Dowiedz się, jak opisać to, czego chcesz, a Flowstep zajmie się resztą.

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

<Tip>
  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.
</Tip>

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

<Tip>
  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.
</Tip>

## 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."

<Note>
  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.
</Note>