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

# Flowstep tervek megtekintése interaktív prototípusokként

> Nyiss meg bármely Flowstep fájlt kattintható prototípusként — a Flowstep automatikusan összekapcsolja a képernyőidet, és manuálisan beállíthatod vagy zárolhatod a navigációt elemenként.

A Flowstep képernyőket alakíthat át egy fájlban kattintható prototípussá. Kattints a **Preview** gombra az editor eszköztárban, és a Flowstep megnyit egy teljes képernyős prototípuslejátszót, ahol végigklikkelheted a folyamatot — hasznos egy felhasználói út teszteléséhez vagy az érdekelt feleknek való bemutatásához.

## Prototípus megnyitása

<Steps>
  <Step title="Kattints a Preview gombra">
    Az editor eszköztárban kattints a **Preview** gombra. A prototípuslejátszó teljes képernyős nézetben nyílik meg, az editortól elkülönítve.
  </Step>

  <Step title="Engedj meg a Flowstepnek, hogy összekapcsolja a képernyőidet">
    Ha a fájlodban két vagy több képernyő van, a Flowstep automatikusan összekapcsolja az interaktív elemeket — gombokat, kártyákat, menüelemeket — a célképernyőikkel, amikor megnyitod az előnézetet (a "Bringing your screens to life" üzenetet látod majd az elkészülés közben). A linkeket csak akkor generálja újra, ha a képernyőid az utolsó futás óta megváltoztak.
  </Step>

  <Step title="Végigklikkelj a folyamaton">
    Kattints bármely összekapcsolt elemre — egy gombra, egy kártyára, egy menüelemre —, hogy navigálj a célképernyőjéhez. Az oldalsáv felsorolja a fájl összes képernyőjét, így közvetlenül bármelyikre ugorhatsz, és a **Back to editor** gomb visszavezet a fájlhoz.
  </Step>
</Steps>

<Note>
  Az automatikus összekapcsoláshoz legalább két képernyő szükséges a fájlban. Ha a linkelés meghiúsul, használd a **Retry** gombot a lejátszóban.
</Note>

## Navigáció manuális beállítása

Pontosan kontrolálhatod, hova navigál egy elem:

1. Az editorban válaszd ki az elemet (például egy gombot).
2. Nyisd meg a **Navigation** panelt a jobb oldalon található tulajdonságpanelen.
3. Válassz egy célképernyőt a legördülő menüből — vagy válaszd a **No navigation** lehetőséget a link eltávolításához.

Annak megakadályozásához, hogy a Flowstep automatikus összekapcsolása felülírja a saját beállított linkedet, kattints a **Lock link** gombra a Navigation panelen. A zárolt linkek az újragenerálás során érintetlenek maradnak.

## Interaktív vezérlőelemek

A prototípus nem csak kattintható navigáció — a képernyőidén lévő vezérlőelemek az előnézet során reagálnak. Fordítsd el a kapcsolót, pipálj be egy jelölőnégyzetet, válassz egy rádióopciót, válassz a legördülő menüből, váltsd a lapokat, írj egy mezőbe, vagy nyomj meg egy számlálót, és a képernyő élőben frissül az új állapot tükrözésére.

A fájlban lévő képernyők egy prototípus állapotot osztanak meg egy előnézeti munkamenet során, így a egy képernyőn végrehajtott módosítás átkerül, ahogy kattintasz másokra. Egy képernyőt világos és sötét megjelenítés között is válthat az előnézet során, hogy lásd, hogyan reagál.

<Note>
  Az interaktív viselkedés automatikusan a képernyőidből kerül generálásra — nincs szükség drótozzásra. Előnézet a fájlt, hogy kipróbáld.
</Note>