Asosiy tarkibga o'tish
Flowstep UI ekranlarini tabiiy tildagi promptlardan yaratadi, bu esa g‘oyadan vizual dizaynga bir necha soniyada o‘tishga imkon beradi. Konseptni tekshirish uchun bitta ekran kerakmi yoki butun foydalanuvchi sayohatini qamrab oluvchi to‘liq ekranlar to‘plami — yaxshi yozilgan prompt boshlash uchun yetarli.

​
Dizayn yaratish

1

Yangi loyiha oching

Flowstep bosh sahifasidan yangi loyiha yarating yoki ekranlar qo‘shmoqchi bo‘lgan mavjud loyihani oching.
2

Promptingizni yozing

Istagan ekran yoki ekranlaringizni tavsiflang. Ilova turi, foydalanuvchi maqsadi va ko‘rishni kutayotgan kontent haqida aniq bo‘ling.
3

Kerakli ekranlar sonini belgilang

Standart holatda Flowstep bitta ekran yaratadi. Bir nechta ekran kerak bo‘lsa, buni promptingizda aniq ayting — Flowstep bitta promptdan 6 tagacha ekran yaratishi mumkin.
4

Yarating

Promptingizni yuboring. Flowstep ekranlaringizni yaratadi va ularni tahrirlovchida ko‘rsatadi, ularni ko‘rib chiqish yoki takomillashtirish uchun tayyor holda.
Yangi fayl yaratib, unga birinchi promptingizni yuborganingizda, Flowstep faylga shu promptga asoslangan nom beradi, shuning uchun uni keyinroq topish oson bo‘ladi. Nomi allaqachon bor yoki oldingi promptlari bo‘lgan fayl o‘z nomini saqlaydi, va istalgan faylni istalgan vaqtda o‘zingiz qayta nomlashingiz mumkin.

​
Generatsiyani to‘xtatish

Flowstep javob berayotganda, yuborish tugmasi to‘xtatish tugmasiga aylanadi (Stop Flowstep response). Generatsiyani to‘xtatish uchun uni bosing. Bir nechta ekranli so‘rovda tugallangan ekranlar kanvasingizda qoladi, tugallanmaganlari esa o‘chiriladi. Flowstep ekranlarni yaratishni boshlaganidan keyin to‘xtatsangiz ham xabar ishlatiladi — xabarlar va limitlar ga qarang.

​
Bitta ekran va bir nechta ekran

Bitta promptdan bitta yoki 6 tagacha ekran yaratishingiz mumkin. Ikkala yondashuv ham dizayn ishining turli bosqichlariga mos keladi.
  • Bitta ekran — muayyan UI holatini, komponentni yoki aniq konseptni o‘rganish uchun eng yaxshi.
  • Bir nechta ekran — oqimlarni rejalashtirish, joylashuv variantlarini solishtirish yoki butun foydalanuvchi sayohatini tez qamrab olish uchun eng yaxshi.
Bir nechta ekran xohlasangiz, promptda aniq bo‘ling. Flowstep nechta ekran yaratishni promptingiz so‘zlariga qarab aniqlaydi, shuning uchun noaniq promptlar odatda bitta ekran qaytaradi. Yaratilgan ekranlar Screen 1, Screen 2 va hokazo deb nomlanadi — keyingi promptlarda muayyan ekranga murojaat qilish uchun shu nomlardan foydalaning.

​
Promptlashning boshqa usullari

Matn yagona kiritish usuli emas. Shuningdek, quyidagilarni qilishingiz mumkin:
  • Fayllarni biriktiring — promptga har biri 3 MB gacha rasm (JPG, PNG, WEBP) yoki hujjat (PDF, MD, TXT) qo‘shing; buni sudrab tashlash, fayl tanlagich yoki joylashtirish orqali qiling. Promptda biriktirilgan rasmga murojaat qiling, shunda Flowstep uni yaratilgan ekranlarga kiritadi. Qarang: Dizayn namunalaridan foydalanish.
  • Promptni diktovka qiling — prompt panelidagi mikrofon tugmasini bosing (yoki Mac’da Cmd+Shift+V, Windows’da Ctrl+Shift+V tugmalarini bosing) va 60 soniyagacha gapiring. Transkript allaqachon yozganingizga qo‘shiladi.
  • Flowstep’ga veb-tadqiqot o‘tkazishga ruxsat bering — prompt shuni talab qilganda (masalan, “Stripe narxlash sahifasini klonlang”), Flowstep veb-qidiruv o‘tkazishi va sahifa brendini — ranglar, shriftlar, logotip, UI komponentlarini — o‘qib, uni yaratilgan ekranlarda ishlatishi mumkin. Flowstep tadqiqot o‘tkazish-o‘tkazmasligini o‘zi hal qiladi, shuning uchun u har bir promptda ishga tushmasligi mumkin. Shuni yodda tutingki, qayta yaratilgan veb-saytlar asl nusxadagidan boshqa rasmlar va navigatsiyadan foydalanadi.
  • Dizayn yo‘riqnomalarini belgilang — fayldagi har bir generatsiyaga qo‘llaniladigan doimiy uslub qoidalarini belgilang. Qarang: Dizayn yo‘riqnomalari.

​
Samarali promptlar yozish

Bitta ekranli prompt namunasi: “Fitnes-kuzatuv ilovasi uchun elektron pochta va parol maydonlari, kirish tugmasi hamda parolni unutdingizmi havolasi bo‘lgan mobil kirish ekranini loyihalang.”
Bir nechta ekranli prompt namunasi: “Ovqat yetkazib berish ilovasining onboarding oqimi uchun bir nechta ekran yarating — oshxona afzalliklarini tanlash, yetkazib berish manzilini kiritish va birinchi buyurtmani tasdiqlashni qamrab oling.”
To‘liq sayohat prompti namunasi: “Xarajatlar hisobotlari ilovasida to‘liq foydalanuvchi sayohatini qamrab oling — chekni topshirishdan menejer tasdiqlashigacha.”
Prompt yozayotganda quyidagi tamoyillarni esda tuting:
  • Platformani ko‘rsating (mobil, desktop, planshet), shunda Flowstep ekranlar o‘lchamini to‘g‘ri belgilaydi.
  • Faqat UI elementlarini emas, foydalanuvchi maqsadini tavsiflang — Flowstep joylashuvni niyatdan kelib chiqib aniqlaydi.
  • Agar dizaynga ahamiyatli bo‘lsa, yorliqlar, amallar yoki ma’lumotlar kabi asosiy kontentni qo‘shing.
  • Bir nechta ekranli natija olish uchun “generate multiple screens” yoki “cover the full user journey” kabi iboralardan foydalaning.