> ## 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 JPG yoki PNG rasm fayllar sifatida yuklab oling

> Flowstep dizaynlarini JPG yoki PNG sifatida eksport qilishni qo'llab-quvvatlaydi. Qaysi format sizning ishlatingizga mosligini va ekranlarni bir necha bosish bilan qanday yuklab olishni bilib oling.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.49.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=b9d31a01c99bae3d325fdbfee34529dc" alt="Screenshot 2026 05 06 At 14 19 49" width="1824" height="1388" data-path="images/Screenshot-2026-05-06-at-14.19.49.png" />
</Frame>

Dizaynni ulashishga yoki topshirishga tayyor bo'lganingizda, Flowstep uni statik rasm — JPG yoki PNG sifatida eksport qilish imkonini beradi. Ikkala format dizayn vositalari, taqdimot dasturlari va brauzerlar bo'ylab keng qo'llaniladi, shuning uchun sun'iy intellekt bilan yaratilgan dizaynlarini istalgan joyga olib ketishingiz mumkin.

## Dizaynni eksport qilish

<Steps>
  <Step title="Dizaynni oching">
    Flowstep ichidagi eksport qilmoqchi bo'lgan dizayniga o'ting.
  </Step>

  <Step title="Eksport menyusini oching">
    Asboblar paneli yoki dizayn panelidagi eksport variantini toping. Eksport sozlamalarini ochish uchun uni tanlang.
  </Step>

  <Step title="Format tanlang">
    Sizning ishlatingizga qarab **JPG** yoki **PNG** ni tanlang (quyidagi taqqoslashni qarang).
  </Step>

  <Step title="Faylni yuklab oling">
    Tanlovingizni tasdiqlang va eksport qilingan rasmni qurilmangizga yuklab oling.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.39.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=8f3132e26a9a759315dd87a7a624fe00" alt="Screenshot 2026 05 06 At 14 19 39" width="1828" height="1522" data-path="images/Screenshot-2026-05-06-at-14.19.39.png" />
</Frame>

## JPG va PNG: qaysi formatdan foydalanish kerak?

|                             | JPG                                                        | PNG                                                              |
| --------------------------- | ---------------------------------------------------------- | ---------------------------------------------------------------- |
| **Buning uchun eng yaxshi** | Koʻrikni ulashish, taqdimotlar, manfaatdorlarga koʻrsatish | Shaffof fon bilan dizaynlar, yuqori savodxonlik bilan topshirish |
| **Fayl hajmi**              | Kichikroq — email yoki xabarlashish orqali tezroq ulashish | Kattaroq — to'liq rasm detallarini saqlab qoladi                 |
| **Shaffoflik**              | Qo'llanilmaydi                                             | Qo'llaniladi                                                     |
| **Sifat**                   | Biroz siqilgan                                             | Siqilmagan — sifat yo'qolmaydi                                   |

<Tip>
  Agar siz dizaynni slayd to'plamiga joylashtiryapsiz yoki mijozga tez koʻrini yubormoqchi boʻlsangiz, odatda JPG toʻgʻri tanlovdir. Agar sizga oʻtkiritilgan chegaralar yoki shaffof fon kerak boʻlsa — masalan, dizaynni boshqa rasmga qoʻyish uchun — PNG dan foydalaning.
</Tip>

## Kodni eksport qilish

Rasmlardan tashqari, **Kod** tugmasi ekranni React + Tailwind kodi sifatida eksport qiladi — qismni nusxa oling yoki to'liq paketni ZIP sifatida yuklab oling. Paketlar o'z-o'zini o'z ichiga oladi: dizaynda ishlatiladigan rasmlar (shu jumladan chat panelidagi biriktirilganlar) `public/assets/` papkasida saqlanadi va kod ularni mahalliy yo'l bilan havola qiladi, shuning uchun eksport oldingicha ishlaydi.

Yuklab olingan fayllar — rasmlar va kod paketlari — ular tegishli bo'lgan ekran nomi bo'ylab nomlangan (agar ekran nomsiz bo'lsa, fayl nomiga o'tamiz), bu ko'p ekranlar bilan ishlanganda eksportlarni osonlikcha aniqlashni ta'minlaydi.

<Note>
  Agar siz dizaynni vektor tahriri jarayoniga o'tkazmoqchi bo'lsangiz, uni to'g'ridan-to'g'ri Figmaga nusxa oling. [Flowstep dizaynlarini Figmaga darrov nusxa olish](/uz/figma-integration) ga qarang.
</Note>