Skip to main content
Screenshot 2026 05 06 At 14 19 49
Dizayni bagʻlash yoki topshirish uchun tayyor boʻlganingizda, Flowstep uni statik rasm sifatida eksport qilish imkoniyatini beradi — JPG yoki PNG. Ikkala format ham dizayn vositalari, taqdimot dasturlari va brauzerlarda keng qoʻllab-quvvatlanadi, shuning uchun siz AI tomonidan yaratilgan dizaynlarni bunaqa yerga oʻtkazishingiz mumkin.

​
Dizayningizni qanday eksport qilish kerak

1

Eksport qilmoqchi boʻlgan dizayningizni oching

Flowstep ichidagi eksport qilmoqchi boʻlgan dizaynga oʻting.
2

Eksport menyusini oching

Asboblar paneli yoki dizayn panelidagi eksport variantini topib, uni tanlang va eksport sozlamalarini oching.
3

Formatni tanlang

Sizning foydalanish holatiga qarab JPG yoki PNG ni tanlang (quyidagi taqqoslashni koʻring).
4

Faylni yuklab oling

Tanlovingizni tasdiqlang va eksport qilingan rasmni qurilmangizga yuklab oling.
Screenshot 2026 05 06 At 14 19 39

​
JPG va PNG: qaysi formatdan foydalanish kerak?

Agar dizayningizni slayd deste yoki kliyentga tezkor koʻrinishni yuborayotgan boʻlsangiz, JPG odatda toʻg’ri tanlovdir. Agar oʻtkirinchi chegaralarga yoki transparent fonga ehtiyoj boʻlsa — masalan, dizayni boshqa rasmga qoʻyish uchun — PNG dan foydalaning.

​
Eksport kodi

Rasmlardan tashqari, Code tugmasi dizayningizni React + Tailwind kodi sifatida eksport qiladi — kod chekakni nusxalang yoki to’liq paketni ZIP sifatida yuklab oling. Bitta ekran, bir necha tanlangan ekran yoki bir vaqtda butun fayl eksport qilishingiz mumkin. Birlashtirilgan fayl eksport qilinganida, har biri o’z komponent fayli boʻlib oʻz ichiga oladi va ekranlar oʻrtasida oʻrnatilgan navigation yaratilgan kodga ulanadi, shuning uchun eksport qilingan dastur barcha oxiridagacha bosilishi mumkin. Paketlar o’ziga yetarli: dizaynda ishlatilgan rasmlar (shu jumladan suhbat panelidagi biriktirilgan rasmlar) public/assets/ papkasiga kiritiladi va kod ularni mahalliy yo’lga havola qiladi, shuning uchun eksport o’z holiga oʻtadi. Yuklab olingan fayllar — rasmlar va kod paketlari o’xshash — ular tegishli ekran nomiga asosan nomlanadi (agar ekran nomsiz boʻlsa, fayl nomiga orqaga qaytadi), bu ko’p ekranlar bilan ishlayotganingizda eksportlarni oʻzlab topishni osonlashtiradi.

​
Dizaynlarni kodlash agentingizga yuboring

Fayl yuklab olish oʻrniga, dizayni to’g’ridan-to’g’ri AI kodlash yordamchisiga berishingiz mumkin. Asboblar panelida Send to your coding agent ni bosing — yoki eksport suhbatini oching va bir xil variantni tanlang — agentingiz uchun tayyor paptga qoʻyadigan promptni nusxalash:
Agentingiz bu ekranlarni MCP orqali oʻqiydi va ularni sizning repos quradi. Ushbu promptni Claude, Cursor yoki sizning afzal agentingizga qoʻying.
Prompt agentingizga Flowstep MCP serveri orqali ekranlarni olish va kodingizni qayta qurish uchun aytadi. Bitta ekran, bir necha tanlangan ekran yoki bir vaqtda butun fayl topshirib berishingiz mumkin — prompt tanlangan narsaga mosalanadi. Bu Flowstep MCP serverini ishlatadi, shuning uchun avval MCP klientini ulantirishingiz kerak. Qoʻllab-quvvatlanuvchi klientlar uchun MCP server koʻrinishiga qarang va birini ulantirishni oʻrganishni Tezkor oʻrganish ga koʻring.
Agar dizayningizni vektorli tahrirlash oqimiga oʻtkazishingiz kerak boʻlsa, uni buning oʻrniga Figmaga to’g’ridan-to’g’ri nusxalang. Flowstep dizaynlarini Figmaga ondan oʻtkazish ga koʻring.