> ## 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 و Figma

> انسخ أي إطار Flowstep إلى Figma بسهولة باستخدام نسخ ولصق، أو استورد إطارات Figma إلى Flowstep كشاشات قابلة للتحرير. اعمل عبر الأداتين دون الحاجة للتبديل بينهما.

<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 مصمم ليتناسب مع سير العمل التصميمي الذي تستخدمه بالفعل — وليس ليحل محله. يمكنك إنشاء تصميم في Flowstep وإحضاره فوراً إلى Figma باستخدام نسخ ولصق بسيط، أو تفعل العكس واستورد إطار Figma إلى Flowstep. هذا يعني أنك تحصل على سرعة إنشاء التصاميم بمساعدة الذكاء الاصطناعي مع الدقة وميزات التعاون التي تعتمد عليها في Figma.

<Note>
  Flowstep و Figma أداتان متكاملتان، وليستا متنافستين. يساعدك Flowstep على إنشاء واستكشاف أفكار واجهات مستخدم بسرعة؛ Figma هي حيث تقوم بالصقل والتعاون وبناء العمل الجاهز للإنتاج. استخدام كلاهما معاً يعطيك أفضل ما في كلا العالمين.
</Note>

## نسخ تصميم Flowstep إلى Figma

<Steps>
  <Step title="اختر شاشة أو أكثر في Flowstep">
    انقر على شاشة لتختارها — أو اختر عدة شاشات لنسخها جميعاً دفعة واحدة. تأكد من أن الاختيار مرتفع عليه على الحافظة.
  </Step>

  <Step title="انسخ الاختيار">
    اضغط \*\*Cmd+\*\*⇧+**C** على Mac أو \*\*Ctrl+\*\*⇧+**C** على Windows. يعرض Flowstep "جاري تحضير تصميمك — ابقَ في هذه الصفحة وحافظ على الشاشة مختارة" بينما يعمل؛ ينتهي النسخ في لحظة.
  </Step>

  <Step title="الصق في ملف Figma">
    انتقل إلى Figma وافتح الملف حيث تريد وضع التصميم. اضغط **Cmd+V** على Mac أو **Ctrl+V** على Windows للصق. تظهر شاشات Flowstep على حافظة Figma، جاهزة للتحرير.
  </Step>
</Steps>

<Note>
  النسخ إلى Figma يستخدم حافظة المتصفح، لذلك يجب أن يسمح المتصفح لـ Flowstep بالوصول إلى الحافظة — إذا رأيت خطأ إذن، اسمح بالوصول إلى الحافظة في إعدادات المتصفح وحاول مجدداً. التبديل بين الصفحات أثناء النسخ يقطع النقل؛ حافظ على صفحة Flowstep في البؤرة حتى ينتهي النسخ.
</Note>

<Tip>
  الصق الإطار على صفحة مخصصة "استيرادات الذكاء الاصطناعي" في Figma لإبقاء ملفاتك المشغولة منظمة. من هناك يمكنك نقل العناصر إلى نظام التصميم الرئيسي أو مكتبة المكونات بخطوتك الخاصة.
</Tip>

## استيراد تصميم من Figma

يمكنك أيضاً فعل العكس وإحضار إطار Figma إلى Flowstep كشاشات قابلة للتحرير. الاستيراد متاح للجميع — اربط حساب Figma مرة واحدة، ثم استورد من رابط إطار.

<Steps>
  <Step title="اربط Figma">
    اربط حساب Figma الخاص بك إلى Flowstep من إعداداتك. يستخدم Flowstep ترخيص Figma لقراءة الملفات التي لديك إمكانية الوصول إليها.
  </Step>

  <Step title="انسخ رابط إطار في Figma">
    في Figma، انقر بزر الماوس الأيمن على الإطار الذي تريده واختر **Copy link to selection** (نسخ الرابط للاختيار). يمكنك أيضاً نسخ رابط إلى صفحة كاملة لاستيراد جميع إطاراتها ذات المستوى الأعلى دفعة واحدة.
  </Step>

  <Step title="استورد إلى Flowstep">
    استخدم خيار استيراد Figma في شريط أدوات Flowstep والصق الرابط. يحول Flowstep الإطار إلى عناصر قابلة للتحرير على حافظتك. إعادة استيراد نفس الإطار يحدثه في مكانه.
  </Step>
</Steps>

### ما الذي يتم استيراده

ينشئ Flowstep إطار Figma من جديد كعناصر محلية قابلة للتحرير — وليس صورة مسطحة. يحضر الاستيراد:

* الإطارات والطبقات المتداخلة بها
* النص، بما في ذلك تنسيق كل حرف مثل الوزن واللون والجريء
* الألوان من متغيرات Figma
* تعبئات الصور وأيقونات SVG والأشكال
* الظلال المسقطة والداخلية، وتمويه الطبقة والخلفية
* الخطوط المتقطعة والنقطية

<Note>
  يجب أن تكون مؤسسة الملف متصلة بـ Figma. إذا لم يتم استيراد إطار، يعرض Flowstep رسالة قابلة للعمل تخبرك بما يجب فعله بعد ذلك — على سبيل المثال، أعد ربط Figma إذا انتهت صلاحية التفويض، انتظر وأعد المحاولة إذا كانت Figma تحد من المعدل أو بطيئة في الاستجابة، أو بالنسبة لقالب المجتمع، انسخها إلى فريقك أولاً والصق الرابط الجديد.
</Note>