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

# Podgląd projektów Flowstep jako interaktywne prototypy

> Otwórz dowolny plik Flowstep jako interaktywny prototyp — Flowstep automatycznie łączy twoje ekrany, a ty możesz ręcznie ustawić lub zablokować nawigację dla każdego elementu.

Flowstep może zamienić ekrany w pliku w interaktywny prototyp. Kliknij **Preview** na pasku narzędzi edytora, a Flowstep otworzy pełnostronicowy odtwarzacz prototypów, w którym możesz klikać przez swój przepływ — przydatne do testowania podróży użytkownika lub zaprezentowania jej interesariuszom.

## Otwórz prototyp

<Steps>
  <Step title="Kliknij Preview">
    Na pasku narzędzi edytora kliknij **Preview**. Odtwarzacz prototypów otwiera się jako widok pełnostronicowy, oddzielny od edytora.
  </Step>

  <Step title="Pozwól Flowstepowi połączyć twoje ekrany">
    Jeśli twój plik ma dwa lub więcej ekranów, Flowstep automatycznie łączy elementy interaktywne — przyciski, karty, elementy menu — z ich docelowymi ekranami po otwarciu podglądu (zobaczysz "Bringing your screens to life" podczas pracy). Łącza są regenerowane tylko wtedy, gdy twoje ekrany uległy zmianie od ostatniego uruchomienia.
  </Step>

  <Step title="Kliknij przez swój przepływ">
    Kliknij dowolny połączony element — przycisk, kartę, element menu — aby przejść do jego docelowego ekranu. Pasek boczny wyświetla listę wszystkich ekranów w pliku, dzięki czemu możesz przeskoczyć do dowolnego z nich bezpośrednio, a **Back to editor** wraca cię do pliku.
  </Step>
</Steps>

<Note>
  Automatyczne łączenie wymaga co najmniej dwóch ekranów w pliku. Jeśli generowanie łączy nie powiedzie się, użyj przycisku **Retry** w odtwarzaczu.
</Note>

## Ustaw nawigację ręcznie

Możesz kontrolować dokładnie, dokąd nawiguje element:

1. W edytorze wybierz element (na przykład przycisk).
2. Otwórz panel **Navigation** w panelu właściwości po prawej stronie.
3. Wybierz ekran docelowy z listy rozwijanej — lub wybierz **No navigation**, aby usunąć łącze.

Aby uniemożliwić automatycznemu łączeniu Flowstepa zastąpienie łącza, które sam ustawiłeś, kliknij **Lock link** w panelu Navigation. Zablokowane łącza pozostają nienaruszone podczas regenerowania łączy.

## Sterowanie interaktywne

Prototyp to nie tylko nawigacja możliwa do kliknięcia — sterowanie na twoich ekranach reaguje podczas podglądu. Przełącz przełącznik, zaznacz pole wyboru, wybierz opcję radiową, wybierz z listy rozwijanej, przełącz karty, wpisz w pole, lub zwiększ licznik, a ekran aktualizuje się na żywo, aby odzwierciedlić nowy stan.

Ekrany w pliku udostępniają jeden stan prototypu podczas sesji podglądu, więc zmiana dokonana na jednym ekranie przechodzi, gdy klikasz w inne. Możesz również przełączyć ekran między jasnym i ciemnym wyglądem, aby zobaczyć, jak reaguje.

<Note>
  Zachowanie interaktywne jest generowane automatycznie z twoich ekranów — nie trzeba nic podłączać. Podgląd pliku, aby spróbować.
</Note>