> ## 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 dizaynlarini interaktiv prototiplar shaklida ko'rish

> Istalgan Flowstep fayllni bosilgan prototip sifatida oching — Flowstep ekranlarni avtomatik bog'laydi va siz navigatsiyani har bir element uchun qo'lda sozlash yoki blokirlash mumkin.

Flowstep fayl ichidagi ekranlarni bosilgan prototipga aylantirishi mumkin. Tahrirlovchi asboblar panelida **Preview** tugmasini bosing va Flowstep to'liq sahifali prototip pleyer ochadi, shuning ichida siz o'z oqimlarni bosib o'tishingiz mumkin — foydalanuvchi sayohatini sinab ko'rish yoki stakeholderlar oldida taqdim etish uchun foydalidir.

## Prototipni oching

<Steps>
  <Step title="Preview tugmasini bosing">
    Tahrirlovchi asboblar panelida **Preview** tugmasini bosing. Prototip pleyer to'liq sahifa ko'rinishida ochiladi, tahrirlovchidan alohida.
  </Step>

  <Step title="Flowstep ekranlarni bog'laydi">
    Agar faylda ikki yoki undan ko'p ekran bo'lsa, Flowstep avtomatik ravishda interaktiv elementlarni — tugmalar, kartalar, menyu elementlari — ularning maqsadli ekranlariga bog'laydi, ko'rishni ochganingizda ("Bringing your screens to life" davom etayotganda). Havolalar faqat oxirgi ishlatilgandan keyin ekranlar o'zgargan taqdirdagina qayta yaratiladi.
  </Step>

  <Step title="Oqimlarni bosib o'ting">
    Istalgan bog'langan elementni — tugma, karta, menyu elementi — bosing uning maqsadli ekraniga o'tish uchun. Yon panel fayl ichidagi barcha ekranlarni ko'rsatadi, shunda siz istalgan ekranga to'g'ridan-to'g'ri o'tishingiz mumkin, va **Back to editor** tugmasi sizni tahrirlashga qaytaradi.
  </Step>
</Steps>

<Note>
  Avtomatik bog'lash faylda kamida ikki ekran talab qiladi. Agar havolani yaratish muvaffaq bo'lmasa, pleyer ichidagi **Retry** tugmasini ishlating.
</Note>

## Navigatsiyani qo'lda sozlang

Siz elementni aniq qayerga yo'naltiraishingizni nazorat qilishingiz mumkin:

1. Tahrirlovchida elementni tanlang (masalan, tugma).
2. O'ng tarafidagi xususiyat panelida **Navigation** panelini oching.
3. Pastki ro'yxatdan maqsadli ekranini tanlang — yoki **No navigation** variantini tanlang havolani o'chirish uchun.

Flowstep avtomatik bog'lashning siz qo'lda o'rnatacan havolani qayta yozishiga to'sqinlik qilish uchun, Navigatsiya panelida **Lock link** tugmasini bosing. Bloklangan havolalar havolalar qayta yaratilganda o'zgartirilmaydi.

## Interaktiv boshqaruv

Prototip faqat bosiladigan navigatsiya emas — sizning ekranlaridagi boshqaruvlar ko'rib chiqilayotganda javob beradi. Switches yoqib/o'chiring, checkboxes belgilab qo'ying, radio opsiyasini tanlang, pastki ro'yxatdan tanlang, tablarni almashtiring, maydonlarni tahrirlab qo'ying, yoki hisoblagichni oshiring, va ekran ozod tirik holatda yangilanaishini ko'ring.

Faylning ekranlari ko'rib chiqilish sessiyasida bir prototip holatni baham ko'radi, shuning uchun bir ekranda siz qilgan o'zgarish sizning boshqa ekranlarga bosganda o'tib ketadi. Shuningdek, ekranni yengil va qorong'i ko'rinish orasida almashtiring, u qanday javob berishini ko'rish uchun.

<Note>
  Interaktiv xatti-harakatlar ekranlaringizdan avtomatik yaratiladi — ulanish kerak emas. Faylni ko'rib chiqish uchun uni sinab ko'ring.
</Note>