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

# Forhåndsvisning av Flowstep-design som interaktive prototyper

> Åpne en hvilken som helst Flowstep-fil som en klikbar prototype – Flowstep kobler skjermene dine automatisk, og du kan angi eller låse navigasjonen manuelt per element.

Flowstep kan gjøre skjermene i en fil til en klikbar prototype. Klikk **Preview** i redigeringverktøylinjen og Flowstep åpner en fullsidepretotype-spiller der du kan klikke deg gjennom flyten din – nyttig for testing av en brukerreise eller presentasjon av den til interessenter.

## Åpne en prototype

<Steps>
  <Step title="Klikk Preview">
    I redigeringverktøylinjen, klikk **Preview**. Prototypespilleren åpnes som en fullsidevisning, atskilt fra redigeringsprogrammet.
  </Step>

  <Step title="La Flowstep koble sammen skjermene dine">
    Hvis filen din har to eller flere skjermer, kobler Flowstep automatisk interaktive elementer – knapper, kort, menyelementer – til deres målskjermer når du åpner forhåndsvisningen (du vil se "Bringing your screens to life" mens det fungerer). Lenker blir regenerert bare når skjermene dine har endret seg siden sist kjøring.
  </Step>

  <Step title="Klikk deg gjennom flyten din">
    Klikk på et lenkeelement – en knapp, et kort, et menyelement – for å navigere til målskjermen. Sidelinjen viser alle skjermer i filen så du kan hoppe direkte til en hvilken som helst av dem, og **Back to editor** returnerer deg til filen.
  </Step>
</Steps>

<Note>
  Automatisk kobling trenger minst to skjermer i filen. Hvis lenkegenerering mislykkes, bruker du **Retry**-knappen i spilleren.
</Note>

## Angi navigasjon manuelt

Du kan kontrollere nøyaktig hvor et element navigerer:

1. I redigeringsprogrammet, velg elementet (for eksempel en knapp).
2. Åpne **Navigation**-panelet i egenskapspanelet på høyre side.
3. Velg en målskjerm fra rullegardinlisten – eller velg **No navigation** for å fjerne lenken.

For å stoppe Flowsteps automatiske kobling fra å overskrive en lenke du angav selv, klikk **Lock link** i Navigation-panelet. Låste lenker blir ikke berørt når lenker blir regenerert.

## Interaktive kontroller

En prototype er ikke bare klikbar navigasjon – kontrollene på skjermene dine reagerer mens du forhandsviser. Vend en bryter, merka av en avkryssingsboks, velg et radioalternativ, velg fra en rullegardinmeny, bytt faner, skriv inn i et felt, eller øk en teller, og skjermen oppdateres live for å gjenspeile den nye tilstanden.

Skjermer i en fil deler ett prototype-tilstand under en forhåndsvisningsøkt, så en endring du foretar på en skjerm blir videreført når du klikker deg inn i andre. Du kan også bytte en skjerm mellom lys og mørk utseende for å se hvordan den reagerer.

<Note>
  Interaktiv atferd genereres automatisk fra skjermene dine – det er ingenting å konfigurere. Forhåndsvis en fil for å prøve det.
</Note>