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

# Začněte s Flowstepem: zaregistrujte se a generujte návrhy

> Vytvořte si bezplatný účet Flowstep, generujte svůj první návrh uživatelského rozhraní na základě textového promptu a sdílejte jej se svým týmem – vše v jedné relaci.

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

Spuštění Flowstepu trvá jen několik minut. Zaregistrujete se zdarma, popíšete, co chcete vytvořit, a Flowstep vygeneruje váš návrh okamžitě. Odtud jej můžete zdokonalovat prostřednictvím následujících promptů, pozvat svůj tým ke spolupráci a sdílet výsledek se stakeholdery – není potřeba žádné návrhářské nástroje ani předchozí zkušenosti.

<Steps>
  <Step title="Vytvořte si bezplatný účet">
    Jděte na [flowstep.ai](https://flowstep.ai) a zaregistrujte se přes Google nebo s vaší e-mailovou adresou a heslem. Chcete-li začít, není vyžadována žádná kreditní karta.

    <Note>
      Pokud se zaregistrujete e-mailem a heslem, zkontrolujte si doručenou poštu na potvrzovací e-mail („Confirm your Flowstep email") a klikněte na odkaz pro aktivaci účtu – můžete jej znovu odeslat ze stránky „Check your inbox", pokud nebude doručen. Nejsou akceptovány jednorázové e-mailové adresy; použijte pracovní nebo osobní e-mail.
    </Note>

    Po registraci se dostanete na krátkou uvítací obrazovku: odpovězte na tři rychlé otázky, pak tam popište svůj první návrh – pokud chcete výchozí bod, máte k dispozici čtyři vzorové prompty (Dashboard, Landing page, Mobile app, Checkout).
  </Step>

  <Step title="Popište obrazovku, kterou chcete">
    Napište prompt v angličtině popisující uživatelské rozhraní, které máte na mysli. Buďte konkrétní ohledně účelu obrazovky a všech klíčových prvků, které by měla obsahovat.

    Prompt jako „Dashboard pro aplikaci pro správu projektů se seznamem úkolů, indikátory pokroku a navigací na bočním panelu" poskytuje Flowstepu dostatek kontextu pro vytvoření zaměřeného a užitečného návrhu.

    <Tip>
      Nepotřebujete designový slovník. Zaměřte se na to, k čemu slouží obrazovka a jaké informace by měla zobrazovat – Flowstep se postará o rozvržení, typografii, mezerování a volbu barev.
    </Tip>
  </Step>

  <Step title="Generujte své obrazovky">
    Odešlete svůj prompt a Flowstep vygeneruje váš návrh během sekund. V jedné relaci můžete vygenerovat více obrazovek, abyste prozkoumali různé směry nebo vytvořili úplný tok.
  </Step>

  <Step title="Zdokonalujte skrze konverzaci">
    Není to zcela správné? Napište následující prompt pro úpravu návrhu – změňte barevné schéma, přeuspořádejte prvky, vyměňte obsah nebo požádejte o zcela jiné rozvržení. Prvky můžete také upravovat ručně nebo použít akce na jedno kliknutí v nabídce možností.
  </Step>

  <Step title="Exportujte nebo sdílejte svou práci">
    Pokud jste spokojeni s výsledkem, vyberte si, jak jej sdílet:

    * **Export** kódu nebo přes MCP
    * **Download** obrazovky jako souboru JPG nebo PNG
    * **Copy to Figma** pomocí klávesové zkratky pro vložení přímo do existujícího souboru Figmy
    * **Share a link** s členy týmu nebo stakeholdery – mohou si návrh zobrazit bez vytvoření účtu

    <Note>
      Svůj tým můžete pozvat ke spolupráci na souboru Flowstep. Mohou se připojit a začít přispívat během minut.
    </Note>
  </Step>
</Steps>