> ## 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 tasarımlarını etkileşimli prototipler olarak görüntüleyin

> Herhangi bir Flowstep dosyasını tıklanabilir bir prototip olarak açın — Flowstep ekranlarınızı otomatik olarak bağlar ve gezinmeyi öğe başına manuel olarak ayarlayabilir veya kilitleyebilirsiniz.

Flowstep, bir dosyadaki ekranları tıklanabilir bir prototipe dönüştürebilir. Düzenleyici araç çubuğunda **Preview** seçeneğine tıklayın ve Flowstep, akışınızda tıklayabileceğiniz tam sayfalı bir prototip oynatıcı açar — kullanıcı yolculuğunu test etmek veya paydaşlara sunmak için kullanışlıdır.

## Bir prototipi açın

<Steps>
  <Step title="Preview öğesine tıklayın">
    Düzenleyici araç çubuğunda **Preview** öğesine tıklayın. Prototip oynatıcı, düzenleyiciden ayrı olarak tam sayfalı bir görünüm olarak açılır.
  </Step>

  <Step title="Flowstep'in ekranlarınızı bağlamasına izin verin">
    Dosyanızda iki veya daha fazla ekran varsa, Flowstep, önizlemeyi açtığınızda etkileşimli öğeleri otomatik olarak bağlar — düğmeler, kartlar, menü öğeleri — hedef ekranlarına (bunu görürken "Bringing your screens to life" görürsünüz). Bağlantılar yalnızca ekranlarınız son çalıştırmadan bu yana değiştiğinde yeniden oluşturulur.
  </Step>

  <Step title="Akışınız arasında tıklayın">
    Bağlanmış herhangi bir öğeyi tıklayın — bir düğme, bir kart, bir menü öğesi — hedef ekrana gitmek için. Kenar çubuğu dosyadaki tüm ekranları listeler ve herhangi birine doğrudan atlayabilir, **Back to editor** düzenleyiciye döndürür.
  </Step>
</Steps>

<Note>
  Otomatik bağlantı, dosyada en az iki ekran gerektirir. Bağlantı oluşturması başarısız olursa, oynatıcıda **Retry** düğmesini kullanın.
</Note>

## Gezinmeyi manuel olarak ayarlayın

Bir öğenin tam olarak nereye gitmesini kontrol edebilirsiniz:

1. Düzenleyicide, öğeyi seçin (örneğin, bir düğme).
2. Sağdaki özellik panelinde **Navigation** panelini açın.
3. Açılır menüden hedef ekranı seçin — veya bağlantıyı kaldırmak için **No navigation** seçeneğini seçin.

Flowstep'in otomatik bağlantısının kendiniz ayarladığınız bir bağlantıyı değiştirmesini durdurmak için, Gezinti panelinde **Lock link** öğesine tıklayın. Kilitli bağlantılar bağlantılar yeniden oluşturulduğunda dokunulmaz kalır.

## Etkileşimli kontroller

Bir prototip sadece tıklanabilir gezinti değildir — ekranlarınızdaki kontroller önizleme sırasında yanıt verir. Bir anahtarı çevirme, onay kutusunu işaretleme, bir radyo seçeneğini seçme, açılır menüden seçme, sekmeleri değiştirme, bir alana yazma veya bir sayacı artırma ve ekran canlı olarak yeni durumu yansıtmak için güncellenir.

Bir dosyadaki ekranlar, önizleme oturumu sırasında bir prototip durumunu paylaşır, bu nedenle bir ekranda yaptığınız değişiklik diğerlerine tıklamanız sırasında devam eder. Ayrıca bir ekranı açık ve koyu görünüm arasında değiştirerek nasıl yanıt verdiğini görebilirsiniz.

<Note>
  Etkileşimli davranış otomatik olarak ekranlarınızdan oluşturulur — kablolama yapacak hiçbir şey yoktur. Bir dosyayı denemek için önizleyin.
</Note>