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

# Generujte obrazovky uživatelského rozhraní z textových promptů ve Flowstepu

> Pomocí Flowstepu vygenerujte jednu obrazovku nebo až 6 obrazovek najednou z jediného textového promptu. Ideální pro rychlé nápady na uživatelské rozhraní a prozkoumání celých toků.

<iframe src="https://www.youtube.com/embed/hHNwjKz_264" title="Přehrávač videa YouTube" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Flowstep generuje obrazovky uživatelského rozhraní z promptů v přirozeném jazyce, takže se od nápadu k vizuálnímu návrhu dostanete během několika sekund. Ať už potřebujete jednu obrazovku k ověření konceptu, nebo kompletní sadu obrazovek pokrývajících celou uživatelskou cestu, k začátku stačí dobře napsaný prompt.

## Vygenerujte návrh

<Steps>
  <Step title="Otevřete nový projekt">
    Na svém dashboardu ve Flowstepu vytvořte nový projekt, nebo otevřete existující, do kterého chcete přidat obrazovky.
  </Step>

  <Step title="Napište prompt">
    Popište obrazovku nebo obrazovky, které chcete. Buďte konkrétní v typu aplikace, cíli uživatele a obsahu, který očekáváte.
  </Step>

  <Step title="Určete, kolik obrazovek chcete">
    Ve výchozím nastavení Flowstep vygeneruje jednu obrazovku. Pokud chcete více obrazovek, uveďte to ve svém promptu výslovně. Flowstep může z jednoho promptu vygenerovat až 6 obrazovek.
  </Step>

  <Step title="Generujte">
    Odešlete prompt. Flowstep vytvoří vaše obrazovky a zobrazí je v editoru, připravené k revizi nebo úpravám.
  </Step>
</Steps>

<Note>
  Když vytvoříte nový soubor a odešlete jeho první prompt, Flowstep soubor podle tohoto promptu pojmenuje, aby se vám později snadno hledal. Soubor, který už název má, nebo ve kterém jsou starší prompty, si název zachová. Libovolný soubor můžete kdykoli přejmenovat sami.
</Note>

### Zastavení generování

Zatímco Flowstep odpovídá, změní se odesílací tlačítko na tlačítko pro zastavení (**Stop Flowstep response**). Kliknutím na něj generování zastavíte. V požadavku na více obrazovek zůstanou obrazovky, které už byly dokončeny, na plátně, a nedokončené se odstraní. Zastavení poté, co Flowstep začal vytvářet obrazovky, i tak spotřebuje zprávu. Viz [zprávy a limity](/cs/messages-and-limits#what-is-a-message).

## Jedna obrazovka vs. více obrazovek

Z jednoho promptu můžete vygenerovat buď jednu obrazovku, nebo až 6 obrazovek. Oba přístupy se hodí pro různé fáze designové práce.

* **Jedna obrazovka** — ideální pro prozkoumání konkrétního stavu uživatelského rozhraní, komponenty nebo zaměřeného konceptu.
* **Více obrazovek** — ideální pro mapování toků, porovnávání možností rozvržení nebo rychlé pokrytí celé uživatelské cesty.

Pokud chcete více obrazovek, uveďte to ve svém promptu výslovně. Flowstep podle znění promptu rozhoduje, kolik obrazovek vytvoří, takže vágní prompty obvykle vrátí jednu obrazovku. Vygenerované obrazovky se jmenují **Screen 1**, **Screen 2** a tak dále. Tyto názvy používejte, když se v navazujících promptech chcete odkázat na konkrétní obrazovku.

## Další způsoby, jak zadávat prompty

Text není jediný vstup. Můžete také:

* **Připojit soubory** — přidejte k promptu obrázky (JPG, PNG, WEBP) nebo dokumenty (PDF, MD, TXT) o velikosti až 3 MB každý, přetažením, pomocí výběru souboru nebo vložením ze schránky. Odkažte v promptu na připojený obrázek a Flowstep jej zahrne do vygenerovaných obrazovek. Viz [Designové reference](/cs/design-references).
* **Diktovat prompt** — klikněte na tlačítko mikrofonu v panelu promptu (nebo stiskněte **Cmd+Shift+V** na Macu, **Ctrl+Shift+V** na Windows) a mluvte až 60 sekund. Přepis se připojí k tomu, co už jste napsali.
* **Nechat Flowstep prohledat web** — pokud to váš prompt vyžaduje (například „clone the Stripe pricing page“, tedy „naklonuj stránku s cenami Stripe“), Flowstep může prohledat web a načíst branding stránky — barvy, písma, logo, komponenty uživatelského rozhraní — a použít je ve vygenerovaných obrazovkách. Flowstep sám rozhoduje, zda bude vyhledávat, takže se nespustí u každého promptu. Mějte na paměti, že znovu vytvořené weby používají jiné obrázky a navigaci než originál.
* **Nastavit designové pokyny** — definujte trvalá pravidla stylu, která platí pro každé generování v souboru. Viz [Designové pokyny](/cs/design-guidelines).

## Psaní účinných promptů

<Tip>
  **Příklad promptu pro jednu obrazovku:** „Navrhni mobilní přihlašovací obrazovku pro aplikaci na sledování fitness s poli pro e-mail a heslo, tlačítkem pro přihlášení a odkazem na zapomenuté heslo.“
</Tip>

<Tip>
  **Příklad promptu pro více obrazovek:** „Vygeneruj více obrazovek pro onboarding v aplikaci na doručování jídla — zahrň výběr preferencí kuchyně, zadání doručovací adresy a potvrzení první objednávky.“
</Tip>

<Tip>
  **Příklad promptu pro celou uživatelskou cestu:** „Pokryj celou uživatelskou cestu v aplikaci na hlášení výdajů, od odeslání účtenky až po schválení nadřízeným.“
</Tip>

Při psaní promptů mějte na paměti tyto zásady:

* Uveďte platformu (mobil, desktop, tablet), aby Flowstep správně nastavil velikost obrazovek.
* Popište cíl uživatele, ne jen prvky uživatelského rozhraní. Flowstep odvozuje rozvržení z úmyslu.
* Uveďte klíčový obsah, jako jsou popisky, akce nebo data, pokud na nich návrhu záleží.
* Použijte fráze jako „vygeneruj více obrazovek“ nebo „pokryj celou uživatelskou cestu“, abyste spustili výstup s více obrazovkami.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.