> ## 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 va Figma orasida dizaynlarni o'tkazish

> Har qanday Flowstep ramkasini Figma-ga copy-paste qilish orqali o'tkazish, yoki Figma ramkasini Flowstep-ga tahrirlanadigun ekran sifatida import qilish. Ikkala vosita orasida o'zgarmasdan ishlash.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.04.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=0e31f66d221bc267a060704be409d9f2" alt="Screenshot 2026 05 06 At 14 19 04" width="1838" height="1266" data-path="images/Screenshot-2026-05-06-at-14.19.04.png" />
</Frame>

Flowstep sizning allaqachon ishlatayotgan dizayn ish oqimiga mos kelishi uchun qilingan — uni almashtirilmasligi uchun emas. Siz Flowstep-da dizayn yaratishingiz va uni oddiy copy-paste orqali darhol Figma-ga olishingiz, yoki aksincha Figma ramkasini Flowstep-ga import qilishingiz mumkin. Demak, siz AI yordamida tezda dizayn yaratish bilan birgalikda Figma-da tayanish qiladigan aniqlik va hamkorlik xususiyatlarini olasiz.

<Note>
  Flowstep va Figma o'zaro qo'shma vositalar, raqobatchilar emas. Flowstep sizga UI dizayn g'oyalarini tezda yaratish va o'rganishga yordam beradi; Figma — bu tahrir qiladigan, hamkorlik qiladigan va ishlab chiqarishga tayyor ishni quratadigan joy. Ikkalasini birga ishlatish sizga eng yaxshisini beradi.
</Note>

## Flowstep dizaynini Figma-ga qanday nusxalash kerak

<Steps>
  <Step title="Flowstep-da bir yoki bir nechta ekranni tanlang">
    Ekranni tanlash uchun bosing — yoki bir nechta ekranni tanlang va ularni barcha birgalikda nusxalang. Canvas-da tanlov ta'kidlanganiga ishonch hosil qiling.
  </Step>

  <Step title="Tanlovni nusxalang">
    Mac-da \*\*Cmd+\*\*⇧+**C** yoki Windows-da \*\*Ctrl+\*\*⇧+**C** tugmasini bosing. Flowstep "Preparing your design — stay on this tab and keep the screen selected" xabarini ko'rsatadi; nusxalash bir lahzada tugaydi.
  </Step>

  <Step title="Figma faylingizga joylashtiring">
    Figma-ga o'ting va dizaynni joylashtirish uchun kerak bo'lgan faylni oching. Mac-da **Cmd+V** yoki Windows-da **Ctrl+V** tugmasini bosib joylashtiring. Flowstep ekranlari sizning Figma kanvasida paydo bo'ladi, tahrir qilishga tayyor.
  </Step>
</Steps>

<Note>
  Figma-ga nusxalash brauzer clipboard-dan foydalanadi, shuning uchun brauzer Flowstep clipboard-ga kirish huquqiga ruxsat berishi kerak — agar xatolik ko'rsatsa, brauzer sozlamalarida clipboard-ga kirish huquqini berish va qayta urinish. Tab oralig'ida nusxalashni to'xtatib qo'yish o'tkazishni urib qo'yadi; nusxalash tugaguniga qadar Flowstep varaqini o'ziga e'tibor qiling.
</Note>

<Tip>
  Ramkani Figma-da ajratilgan "AI importlari" sahifasiga joylashtiring — bu sizning ishchi fayllarini tartibda saqlaydi. U yerdan siz elementlarni o'z vaqtingizda asosiy dizayn tizimiga yoki komponent kutubhonasingizga o'tkazishingiz mumkin.
</Tip>

## Figma-dan dizaynni import qilish

Shuningdek, siz aksincha qilishingiz va Figma ramkasini Flowstep-ga tahrirlanadigun ekran sifatida olishingiz mumkin. Import hammaga ochiq — Figma akkauntini bir marta ulang, keyin ramka havolasidan import qiling.

<Steps>
  <Step title="Figma-ni ulang">
    Flowstep akkauntingizni Figma bilan sozlamalardan ulang. Flowstep sizga ruxsat bergan fayllarni o'qish uchun Figma avtorizatsiyasidan foydalanadi.
  </Step>

  <Step title="Figma-da ramka havolasini nusxalang">
    Figma-da, siz kerak bo'lgan ramkani o'ng bosing va **Copy link to selection** tanlang. Shuningdek, butun sahifani nusxalash uchun butun sahifaga havolani nusxalashingiz mumkin — bu birgalikda uning barcha yuqori darajadagi ramkalarini import qiladi.
  </Step>

  <Step title="Flowstep-ga import qilish">
    Flowstep asboblar panelida Figma import variantini ishlating va havolani joylashtiring. Flowstep ramkani tahrirlanadigun elementlarga o'zgartirilmishdir. Bir xil ramkani qayta import qilish uni joyida yangilaydi.
  </Step>
</Steps>

### Nima import qilinadi

Flowstep Figma ramkasini mahalliy, tahrirlanadigun elementlar sifatida qayta yaratadi — tekis rasm emas. Import bu narsalarni olib keladi:

* Ramkalar va ularning o'rnatilgan qatlamlari
* Matn, masalan og'irlik, rang va qalin kabi belgiga mahsus stilga ega
* Figma o'zgaruvchileridan ranglar
* Rasm to'ldirishlari va SVG ikonkalar va shakllar
* Tushirilgan va ichki soyalar, va qatlam va fon bulaniqligini
* Qiyqiq va nuqtali yo'llar

<Note>
  Faylning tashkiloti Figma ulangan bo'lishi kerak. Agar ramka import qilinmasa, Flowstep nima qilish kerakligini aytadigan harakatchan xabarni ko'rsatadi — masalan, agar avtorizatsiya muddati tugasa Figma-ni qayta ulash, Figma tez javob berilsa kutish va qayta urinish, yoki Jamiyat shabloni uchun avval uni jamaa-ga nusxalash va yangi havolani joylashtirish.
</Note>