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

# Previzualizează designurile Flowstep ca prototipuri interactive

> Deschide orice fișier Flowstep ca prototip pe care poți face clic — Flowstep ți le leagă ecranele automat și poți seta sau bloca navigația manual pe element.

Flowstep poate transforma ecranele dintr-un fișier într-un prototip pe care poți face clic. Fă clic pe **Preview** în bara de instrumente a editorului și Flowstep deschide un player de prototip pe pagina completă în care poți face clic prin fluxul tău — util pentru testarea unei călătorii a utilizatorului sau prezentarea acesteia părților interesate.

## Deschide un prototip

<Steps>
  <Step title="Fă clic pe Preview">
    În bara de instrumente a editorului, fă clic pe **Preview**. Playerul de prototip se deschide ca o vizualizare pe pagina completă, separată de editor.
  </Step>

  <Step title="Lasă Flowstep să ți le lege ecranele">
    Dacă fișierul tău are două sau mai multe ecrane, Flowstep leagă automat elementele interactive — butoane, carduri, articole de meniu — la ecranele lor țintă atunci când deschizi previzualizarea (vei vedea "Bringing your screens to life" în timp ce lucrează). Legăturile sunt regenerate doar atunci când ecranele tale s-au schimbat de la ultima execuție.
  </Step>

  <Step title="Fă clic prin fluxul tău">
    Fă clic pe orice element legat — un buton, un card, un articol de meniu — pentru a naviga la ecranul său țintă. Bara laterală listează toate ecranele din fișier, deci poți sări la orice dintre ele direct, iar **Back to editor** te readuce la fișier.
  </Step>
</Steps>

<Note>
  Legarea automată are nevoie de cel puțin două ecrane în fișier. Dacă generarea de legătură eșuează, folosește butonul **Retry** din player.
</Note>

## Setează navigația manual

Poți controla exact unde navighează un element:

1. În editor, selectează elementul (de exemplu, un buton).
2. Deschide panoul **Navigation** în panoul de proprietăți din dreapta.
3. Alege un ecran țintă din dropdown — sau selectează **No navigation** pentru a elimina legătura.

Pentru a opri legarea automată Flowstep din suprascrierea unei legări pe care ai setat-o tu, fă clic pe **Lock link** din panoul Navigation. Legăturile blocate sunt lăsate neatinse atunci când legăturile sunt regenerate.

## Comenzi interactive

Un prototip nu este doar navigație pe care poți face clic — comenzile pe ecranele tale răspund în timp ce previzualizezi. Comută un switch, bifează o casetă, alege o opțiune radio, selectează dintr-un dropdown, comută tab-uri, scrie într-un câmp, sau incrementează un contor, și ecranul se actualizează în timp real pentru a reflecta starea nouă.

Ecranele dintr-un fișier partajează o stare de prototip în timpul unei sesiuni de previzualizare, deci o schimbare pe care o faci pe un ecran se duce la tine pe măsură ce faci clic în altele. De asemenea, poți comuta un ecran între aspectul luminos și întunecat pentru a vedea cum răspunde.

<Note>
  Comportamentul interactiv este generat automat din ecranele tale — nu trebuie să cablezi nimic. Previzualizează un fișier pentru a-l încerca.
</Note>