> ## 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 bilan boshlang: ro'yxatdan o'ting va dizaynlar yarating

> Bepul Flowstep akkauntini yarating, matn prompt'idan birinchi UI dizaynni yarating va uni jamoa bilan bo'lashingyuz — hammasi bir suhbatda.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Flowstep bilan ishni boshlash va yurish faqat bir necha daqiqani oladi. Siz bepul ro'yxatdan o'tasiz, qanday qilib biror narsa qurishni xohlashingizni tavsif qilasiz, va Flowstep sizning dizayningizni darhol yaratadi. Undan tashqari, siz uni keyingi prompt'lar orqali aniqlab, jamoangizni hamkorlikka taklif qila, va natijani stakeholderlar bilan bo'lashingyuz — hech qanday dizayn vositalari yoki oldingi tajriba shart emas.

<Steps>
  <Step title="Bepul akkauntni yarating">
    [flowstep.ai](https://flowstep.ai) saytiga o'ting va Google bilan yoki email va parol bilan ro'yxatdan o'ting. Boshlash uchun kredit karta kerak emas.

    <Note>
      Agar email va parol bilan ro'yxatdan o'tsangiz, tasdiqlash elektron xatiga ("Confirm your Flowstep email") quvoli uchun pochtang tekshiring va akkauntingizni faollashtirish uchun havolaga bosing — agar u kelmasa, "Check your inbox" sahifasidan qayta yuborishingiz mumkin. Vaqtinchalik email manzillar qabul qilinmaydi; ish yoki shaxsiy emaildan foydalaning.
    </Note>

    Ro'yxatdan o'tgandan so'ng, siz qisqa xush kelibsiz ekraniga turibsiz: uchta tez savolga javob bering, keyin o'shamdagi birinchi dizayningizni tavsif qiling — agar boshlang'ich nuqta xohlasangiz, to'rt namuna prompt (Dashboard, Landing page, Mobile app, Checkout) mavjud.
  </Step>

  <Step title="Xohlagan ekanningiz ekranni tavsif qiling">
    Ongingizga o'tkaza turgan UI ni tavsif qiladigan prompt'ni oddiy inglizcha yozing. Ekranining maqsadi va u qamrab olishi kerak bo'lgan barcha asosiy elementlar haqida aniq bo'ling.

    ""Loyihani boshqarish dasturi uchun Dashboard qismida vazifa ro'yxati, taraqqiy panellari va yon panelida navigatsiya" kabi prompt Flowstep'ga diqqatga loyihali, foydali dizayn tayyorlash uchun etarli kontekst beradi.

    <Tip>
      Sizga dizayn lug'ati kerak emas. Ekran nimaga mo'ljallangan va u qanday axborot ko'rsatishi kerakligi bilan shug'ullanish — Flowstep o'zini yerlashtirish, til o'rnash, bo'shliqlar va ranglar tanlanishini boshqaradi.
    </Tip>
  </Step>

  <Step title="Ekranlarni yarating">
    Prompt'ni tashlang va Flowstep sizning dizayningizni soniyalarda yaratadi. Bir suhbatda bir nechta ekranni yaratib, turli yo'nalishlarni o'rganishingiz yoki to'liq oqimni tuzishingiz mumkin.
  </Step>

  <Step title="Suhbat orqali aniqlab qo'ying">
    To'g'ri emas? Dizaynni sozlash uchun keyingi prompt'ni yozing — rang sxemasini o'zgartiring, elementlarni qayta joylashtiring, kontentni almashtiring yoki butunlay boshqa o'rinni talab qiling. Shuningdek, elementlarni qo'lda tahrir qilishingiz yoki variantlar menyusida bir-bosish harakatlarini ishlatishingiz mumkin.
  </Step>

  <Step title="Ishingizni eksport qiling yoki bo'lashingyuz">
    Natijadan xursand bo'lganingizda, uni qanday bo'lashishni tanlang:

    * **Export** qilish kodi yoki MCP orqali
    * **Download** qilish ekranini JPG yoki PNG fayl sifatida
    * **Copy to Figma** qilish klaviatura stenografiyasini ishlatib, mavjud Figma fayliga to'g'ridan-to'g'ri joylash uchun
    * **Share a link** qilish hamkorlar yoki stakeholderlar bilan — ular akkaunt yaratmasdan dizaynni ko'rishishlari mumkin

    <Note>
      Siz o'z jamoangizni Flowstep faylida hamkorlik qilish uchun taklif qilishingiz mumkin. Ular bir necha daqiqada qo'shilishlari va turlashni boshlab qo'yishlari mumkin.
    </Note>
  </Step>
</Steps>