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

# Náhled návrhů aplikace Flowstep jako interaktivní prototypy

> Otevřete libovolný soubor aplikace Flowstep jako klikací prototyp — Flowstep automaticky propojí vaše obrazovky a můžete navigaci nastavit nebo zamknout ručně pro každý prvek.

Aplikace Flowstep může převést obrazovky v souboru na klikací prototyp. Klikněte na **Preview** v panelu nástrojů editoru a Flowstep otevře přehrávač prototypů na celou stránku, kde můžete projít svůj tok — užitečné pro testování uživatelské cesty nebo její prezentaci zúčastněným stranám.

## Otevřete prototyp

<Steps>
  <Step title="Klikněte na Preview">
    V panelu nástrojů editoru klikněte na **Preview**. Přehrávač prototypů se otevře jako zobrazení na celou stránku, oddělené od editoru.
  </Step>

  <Step title="Nechte aplikaci Flowstep propojit vaše obrazovky">
    Pokud má váš soubor dvě nebo více obrazovek, Flowstep automaticky propojí interaktivní prvky — tlačítka, karty, položky nabídky — s jejich cílovými obrazovkami, když otevřete náhled (během toho se zobrazí „Bringing your screens to life"). Odkazy se regenerují pouze v případě, že se vaše obrazovky změnily od posledního spuštění.
  </Step>

  <Step title="Projděte svůj tok">
    Klikněte na jakýkoli propojený prvek — tlačítko, kartu, položku nabídky — abyste se dostali na cílovou obrazovku. Postranní panel uvádí všechny obrazovky v souboru, takže se na kteroukoli z nich můžete přesunout přímo, a **Back to editor** vás vrátí do souboru.
  </Step>
</Steps>

<Note>
  Automatické propojování vyžaduje alespoň dvě obrazovky v souboru. Pokud generování odkazů selže, použijte tlačítko **Retry** v přehrávači.
</Note>

## Nastavte navigaci ručně

Můžete přesně kontrolovat, kam se prvek naviguje:

1. V editoru vyberte prvek (například tlačítko).
2. Otevřete panel **Navigation** v panelu vlastností na pravé straně.
3. Vyberte cílovou obrazovku z rozbalovacího seznamu — nebo zvolte **No navigation**, abyste odstranili odkaz.

Chcete-li zabránit automatickému propojování aplikace Flowstep v přepisování odkazu, který jste si sami nastavili, klikněte na **Lock link** v panelu Navigation. Zamknuté odkazy zůstanou nedotčeny při regeneraci odkazů.

## Interaktivní ovládání

Prototyp není jen klikací navigace — ovládání na vašich obrazovkách reagují během náhledu. Přepněte přepínač, zaškrtněte políčko, vyberte možnost radiobuttonu, zvolte z rozbalovacího seznamu, přepínejte karty, zadejte text do pole nebo zvyšujte čítač a obrazovka se aktualizuje v reálném čase, aby odrážela nový stav.

Obrazovky v souboru sdílejí jeden stav prototypu během relace náhledu, takže změna, kterou provedete na jedné obrazovce, se přenese, když kliknete na ostatní. Můžete také přepnout obrazovku mezi světlým a tmavým vzhledem a vidět, jak na to reaguje.

<Note>
  Interaktivní chování se generuje automaticky z vašich obrazovek — není třeba nic kabeláže. Vyzkoušejte si to náhledem souboru.
</Note>