> ## 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 كملفات صور JPG أو PNG

> يدعم Flowstep تصدير التصاميم بصيغة JPG أو PNG. تعرف على الصيغة المناسبة لحالتك الاستخدامية وكيفية تنزيل شاشاتك في بضع نقرات.

<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>

عندما تكون مستعدًا لمشاركة تصميم أو تسليمه، يتيح لك Flowstep تصديره كصورة ثابتة — JPG أو PNG. كلا الصيغتين مدعومة على نطاق واسع في أدوات التصميم وبرامج العروض التقديمية والمتصفحات، لذا يمكنك نقل تصاميمك المُنتجة بالذكاء الاصطناعي أينما تحتاج.

## كيفية تصدير تصميمك

<Steps>
  <Step title="افتح تصميمك">
    انتقل إلى التصميم الذي تريد تصديره داخل Flowstep.
  </Step>

  <Step title="افتح قائمة التصدير">
    ابحث عن خيار التصدير في شريط الأدوات أو لوحة التصميم. حدده لفتح إعدادات التصدير.
  </Step>

  <Step title="اختر صيغتك">
    حدد **JPG** أو **PNG** حسب حالتك الاستخدامية (انظر المقارنة أدناه).
  </Step>

  <Step title="تنزيل الملف">
    أكد اختيارك وتنزيل الصورة المُصدَّرة إلى جهازك.
  </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 مقابل PNG: أي صيغة يجب أن تستخدم؟

|               | JPG                                                          | PNG                                                   |
| ------------- | ------------------------------------------------------------ | ----------------------------------------------------- |
| **الأفضل لـ** | مشاركة المعاينات والعروض التقديمية ومراجعات الأصحاب المعنيين | التصاميم ذات الخلفيات الشفافة والتسليمات عالية الجودة |
| **حجم الملف** | أصغر — أسرع في المشاركة عبر البريد الإلكتروني أو المراسلة    | أكبر — يحتفظ بكامل تفاصيل الصورة                      |
| **الشفافية**  | غير مدعومة                                                   | مدعومة                                                |
| **الجودة**    | مضغوطة قليلاً                                                | بدون فقدان — بدون تقليل الجودة                        |

<Tip>
  إذا كنت تلصق تصميمك في شريحة أو ترسل معاينة سريعة لعميل، فإن JPG هو عادةً الخيار الصحيح. إذا كنت بحاجة إلى حواف حادة أو خلفية شفافة — على سبيل المثال، لتراكب التصميم على صورة أخرى — استخدم PNG.
</Tip>

## تصدير الكود

بالإضافة إلى الصور، يصدر زر **Code** شاشة كود React + Tailwind — انسخ مقطع أو نزّل الحزمة الكاملة كـ ZIP. الحزم مكتفية ذاتيًا: الصور المستخدمة في التصميم (بما في ذلك التي أرفقتها في لوحة الدردشة) مضمنة في مجلد `public/assets/` مع إشارة الكود إليها برابط محلي، لذا يعمل التصدير كما هو.

الملفات المنزلة — الصور وحزم الكود على حد سواء — سُميت على اسم الشاشة التي تنتمي إليها (العودة إلى اسم الملف إذا كانت الشاشة بدون اسم)، مما يحافظ على سهولة تحديد التصديرات عند العمل مع عدة شاشات.

<Note>
  إذا كنت بحاجة إلى نقل تصميمك إلى سير عمل تحرير متجه، انسخه مباشرة إلى Figma بدلاً من ذلك. راجع [نسخ تصاميم Flowstep إلى Figma فوراً](/ar/figma-integration).
</Note>