> ## 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 používat Flowstep bez předchozí zkušenosti s designem

> Nemusíte mít zkušenost s designem, abyste mohli v Flowstepu vytvářet skvělé UI obrazovky. Naučte se popsat, co chcete, a Flowstep se postará o zbytek.

Nemusíte znát rozdíl mezi typem a fontem, rozumět systémům mřížky ani mít zkušenosti s nástrojem pro design. Flowstep automaticky řeší rozvržení, typografii, barvy, mezery a vizuální hierarchii — vaše úloha je jednoduše popsat, co chcete.

## Jak to funguje bez designerských dovedností

Když napíšete prompt, Flowstep interpretuje váš popis a provádí všechna vizuální rozhodnutí, která by normálně dělal designér: jak uspořádat prvky na obrazovce, které fonty použít, kolik volného místa přidat a jak vytvořit vizuální hierarchii, která vede oko. Vy popíšete účel a obsah; Flowstep vytvoří obrazovku, která vypadá, jako by ji navrhl profesionál.

<Tip>
  Prompty pro Flowstep formulujte stejně, jak byste zadali instrukce designérovi. Neřekli byste designérovi, jakou velikost písma má použít — řekli byste mu, k čemu je obrazovka určena a co potřebuje komunikovat. Flowstep funguje stejně.
</Tip>

## Tipy pro psaní dobrých promptů

Zaměřte se na tři věci: účel obrazovky, klíčové informace, které by měla zobrazovat, a typ produktu nebo cílové skupiny.

**Začněte s účelem obrazovky**

Začněte tím, k čemu je obrazovka určena. "Sign-up screen for a meal planning app" říká Flowstepu mnohem více než seznam prvků uživatelského rozhraní.

**Zmíňte klíčový obsah nebo akce**

Zahrňte nejdůležitější věci, které by měl uživatel vidět nebo dělat. Nemusíte uvádět vše — jen prvky, které jsou pro uživatelský zážitek nejdůležitější.

**Odkažte na typ produktu nebo cílovou skupinu, pokud to pomůže**

Zmínka o druhu produktu (např. spotřebitelská mobilní aplikace, B2B dashboard, e-commerce nákup) pomůže Flowstepu přizpůsobit správný vizuální tón a konvence.

<Tip>
  Pokud vám první výsledek není zcela správný, nezačínejte od začátku — jen zadejte další prompt. Stačí říci "make the layout more minimal" nebo "use a darker color scheme", aby se design posunul novým směrem.
</Tip>

## Příklady promptů k vyzkoušení

Zde je několik promptů, které dobře fungují, napsaných v jednoduchém angličtině bez designerské terminologie:

**Onboarding tok pro aplikaci sledování 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."

**Stránka nastavení pro SaaS produkt**

> "Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look."

**Obrazovka placení mobilní aplikace**

> "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>
  Tyto prompty fungují ne proto, že používají designerský jazyk, ale proto, že jasně popisují účel obrazovky, obsah a kontext. To je vše, co potřebujete.
</Note>