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

# Pratinjau desain Flowstep sebagai prototipe interaktif

> Buka file Flowstep apa pun sebagai prototipe yang dapat diklik — Flowstep menautkan layar Anda secara otomatis, dan Anda dapat mengatur atau mengunci navigasi secara manual per elemen.

Flowstep dapat mengubah layar dalam file menjadi prototipe yang dapat diklik. Klik **Preview** di toolbar editor dan Flowstep membuka pemain prototipe halaman penuh tempat Anda dapat mengklik melalui alur Anda — berguna untuk menguji perjalanan pengguna atau mempresentasikannya kepada pemangku kepentingan.

## Buka prototipe

<Steps>
  <Step title="Klik Preview">
    Di toolbar editor, klik **Preview**. Pemain prototipe terbuka sebagai tampilan halaman penuh, terpisah dari editor.
  </Step>

  <Step title="Biarkan Flowstep menautkan layar Anda">
    Jika file Anda memiliki dua atau lebih layar, Flowstep secara otomatis menautkan elemen interaktif — tombol, kartu, item menu — ke layar target mereka saat Anda membuka pratinjau (Anda akan melihat "Bringing your screens to life" saat berfungsi). Tautan dihasilkan ulang hanya ketika layar Anda telah berubah sejak waktu terakhir dijalankan.
  </Step>

  <Step title="Klik melalui alur Anda">
    Klik elemen tertaut apa pun — tombol, kartu, item menu — untuk menavigasi ke layar targetnya. Bilah sisi menampilkan semua layar dalam file sehingga Anda dapat melompat ke salah satu dari mereka secara langsung, dan **Back to editor** mengembalikan Anda ke file.
  </Step>
</Steps>

<Note>
  Penautan otomatis memerlukan setidaknya dua layar dalam file. Jika pembuatan tautan gagal, gunakan tombol **Retry** di pemain.
</Note>

## Atur navigasi secara manual

Anda dapat mengontrol dengan tepat ke mana elemen menavigasi:

1. Di editor, pilih elemen (misalnya, tombol).
2. Buka panel **Navigation** di panel properti di sebelah kanan.
3. Pilih layar target dari dropdown — atau pilih **No navigation** untuk menghapus tautan.

Untuk menghentikan penautan otomatis Flowstep agar tidak menimpa tautan yang Anda atur sendiri, klik **Lock link** di panel Navigation. Tautan terkunci dibiarkan tidak berubah saat tautan dihasilkan ulang.

## Kontrol interaktif

Prototipe bukan hanya navigasi yang dapat diklik — kontrol di layar Anda merespons saat Anda mempratinjau. Balik switch, centang kotak, pilih opsi radio, pilih dari dropdown, beralih tab, ketik di bidang, atau tingkatkan counter, dan layar diperbarui langsung untuk mencerminkan keadaan baru.

Layar dalam file berbagi satu status prototipe selama sesi pratinjau, jadi perubahan yang Anda buat pada satu layar melalui saat Anda mengklik ke layar lain. Anda juga dapat beralih layar antara penampilan terang dan gelap untuk melihat responsnya.

<Note>
  Perilaku interaktif dihasilkan secara otomatis dari layar Anda — tidak ada yang perlu disambungkan. Pratinjau file untuk mencoba.
</Note>