> ## 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 chat yoki kanvas orqali tahrirlash va takrarlash

> Istalgan Flowstep tomonidan yaratilgan ekrani qo'lda ko'rinishni tahrirlash yoki chat-asosida so'rovlar orqali yaxshilash — dizayn to'g'ri bo'lgunga qadar kerak bo'lgan miqdorda takrorlash.

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.25.48.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=0a67045dde91f73cae39afde3d359269" alt="Screenshot 2026 05 06 At 14 25 48" width="2338" height="1510" data-path="images/Screenshot-2026-05-06-at-14.25.48.png" />
</Frame>

Flowstep dizaynlari yaratilgandan so'ng to'liq tahrirlash mumkin. Siz AI birinchi navbatda ishlab chiqadigan narsaga qulo'qda emas—siz vizuallarni tahrirlayuvchida to'g'ridan-to'g'ri sozlashingiz, o'zgarishlarni oddiy tilida tasvirlash uchun chatdan foydalanishingiz yoki Flowstep dan variatsiyalar va yangi ekranlarni yaratishni so'rashingiz mumkin. O'zgarishni amalga oshirish uchun qaysi usul mos keladigan usuldan foydalaning.

## Tahrirlashning ikkita usuli

<Tabs>
  <Tab title="Qo'lda ko'rinishni tahrirlash">
    Kanvas ustida elementlarni tanlash va o'zgartirib, bevosita o'zgarishlarga kiritish. Bu usul aniq sozlamalar uchun eng yaxshi ishlaydi—komponentni ko'chirish, rangni o'zgartirish, etiketni yangilash yoki bo'shliqni sozlash.

    <Steps>
      <Step title="O'zgartirmoqchi bo'lgan elementni tanlang">
        Uni tanlash uchun dizayningizdagi istalgan komponent yoki qatlamni bosing.
      </Step>

      <Step title="O'zgarishlaringizni amalga oshiring">
        Ranglar, o'lchami, joylashuviga yoki matn mazmuniga o'xshash xususiyatlarni sozlash uchun tahrirlayuvchi boshqaruvlaridan foydalaning.
      </Step>

      <Step title="Natijani ko'rib chiqing">
        Sizning o'zgarishlaringiz kanvas ustida darhol qo'llaniladi. Tahrirlashni davom ettiring yoki keyingi ekranga o'ting.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Chat-asosida tahrirlash">
    Xohlagan o'zgarishingizni oddiy tilida tasvirlab bering va Flowstep sizning uchun dizaynni yangilaydi. Bu usul keng yoki strukturaviy o'zgarishlar uchun tezroq—qo'llanishni sozlash, bo'limni qayta o'ylash yoki uslub yo'nalishini qo'llash.

    <Steps>
      <Step title="Chat panelini oching">
        Tahrirlashni xohlagan ekranni tanlang, keyin chat kiritishni oching.
      </Step>

      <Step title="O'zgarishingizni tasvirlab bering">
        Flowstep ni yangilashini xohlagan narsani yozing. Nima o'zgarishi kerak va nima uchun, aniq bo'lishni xohlang, agar bu yordam bersa.
      </Step>

      <Step title="Yangilangan dizaynni ko'rib chiqing">
        Flowstep o'zgarishni qo'llaydi va sizga natijani ko'rsatadi. Agar u aniq bo'lmasa, keyingi xabarni yuborib, batafsil rafinarni amalga oshiring.
      </Step>
    </Steps>

    Tahrirlashlar va qayta yaratilishlar yangi ekran qo'shish o'rniga tanlangan ekrani **joyida** yangilaydi — Flowstep o'zgarishni streaming qilayotganda, u vaqtda ishlayotgan element yashel burun chegara bilan belgilanadi. Tanlangan ekransiz yaratish o'rniga yangi ekran qo'shadi.
  </Tab>
</Tabs>

## Ekranning faqat bir qismini tahrirlash

Butun ekranlarni tahrirlash majburiy emas. Sub-elementni tanlang — kartochka, tugma, matn etiketasi — va sizning chat so'rovingiz faqat unga tegishli bo'lib, ekranning qolgan qismi o'zgarishsiz qoladi.

* **Shift+V** bilan (yoki **Select** asboblar tugmasidagi pastga tushirish menyusi) **Direct selection** rejimiga o'ting, sizning bosimingiz ostidagi eng chuqur elementni tanlash uchun. Normal tanlash uchun **V** ni bosing, yoki **Direct selection** dan vaqtincha foydalanish uchun **Cmd** (Mac) / **Ctrl** (Windows) ni ushlab turing. **Escape** **Direct selection** ni chiqaradi.
* **Cmd+Shift** bilan bir nechta ekranlar bo'ylab sub-elementlarni tanlang — bitta so'rov har bir xabar uchun 6 ta ekranga qadar tahrirlashi mumkin.

Tasvir elementi tanlanganda (xat-xol rejimi tashqarida), xususiyat panelida **Image** paneli paydo bo'ladi: tasvirni ko'rib chiqing, yangi tasvir faylini ko'rib chiqishga sudrab yoki **Pick image** ni bosib uni almashtirib, yoki **Download image** bilan saqlang.

## Avvalgi versiyani qayta tiklash

Chat tarixidagi har bir AI yaratish uning asl natijasini saqlaydi. Agar ekran yaratilgandan beri o'zgartirilgan yoki o'chirilgan bo'lsa, uning chat xabari **Restore** tugmasini ko'rsatadi — tahrirlashlarni qaytarish uchun **Restore original**, yoki o'chirilgan ekranlarni qaytarish uchun **Restore** / **Restore all**. Tahrirlash noto'g'ri yo'nalishga borib ketgandan so'ng xuddi shu holatga qaytarish uchun uni ishlating.

## Bir bosishli amaliyotlar

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.29.34.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=52e0f38e4c4506adbecdccc7a95be652" alt="Screenshot 2026 05 06 At 14 29 34" width="2436" height="1528" data-path="images/Screenshot-2026-05-06-at-14.29.34.png" />
</Frame>

To'g'ri tahrirlashlardan tashqari, siz Flowstep dan alternativlarni o'rganishni so'rashingiz mumkin:

* **Try again from scratch** — Flowstep dan joriy ekranning boshqa tasnif yoki vizual yo'nalish bilan yangi versiyasini yaratishni so'rang.
* **Show the next screen** — Flowstep dan foydalanuvchi oqimida mantiqan kelib turgan keyingi ekranni yaratishni so'rang.
* **Make it pretty** — Butun dizayn bo'ylab bo'shliqlar, tekislash va ranglarni sozlash. Layout o'zgarishsiz qoladi.

Bu variantlar har safar so'rov yozmasdan tez-tez takrorlanish imkonini beradi.

## Yaxshilash uchun takrarlash

Dizayn kamdan-kam birinchi urinishda mukammal bo'ladi. Fikr-mulohaza har bir raundi uchun chat-asosida tahrirlashni ishlating — nima ishlayotgani va nima ishlamayotgani tasvirlab bering, va Flowstep shu yerdan sozlaydi. Siz ekran bo'ylab necha marta takrora olishingizning chegarasi yo'q.

<Tip>
  Chat orqali takrarlashda, aniqroq natijalarni olish uchun aniq elementlarni nom yoki joylashuviga ko'ra yo'naltiring. Masalan: "Harakat-chaqirish tugmasini ekran pastiga ko'chiring va uni to'liq kenglikda qiling" so'rovi "tugmani tuzat" dan ko'ra samarali.
</Tip>