كيفية تصدير تصميمك
1
افتح تصميمك
انتقل إلى التصميم الذي تريد تصديره داخل Flowstep.
2
افتح قائمة التصدير
ابحث عن خيار التصدير في شريط الأدوات أو لوحة التصميم. حدده لفتح إعدادات التصدير.
3
اختر صيغتك
حدد JPG أو PNG حسب حالتك الاستخدامية (انظر المقارنة أدناه).
4
تنزيل الملف
أكد اختيارك وتنزيل الصورة المُصدَّرة إلى جهازك.
JPG مقابل PNG: أي صيغة يجب أن تستخدم؟
تصدير الكود
بالإضافة إلى الصور، يصدر زر Code شاشة كود React + Tailwind — انسخ مقطع أو نزّل الحزمة الكاملة كـ ZIP. الحزم مكتفية ذاتيًا: الصور المستخدمة في التصميم (بما في ذلك التي أرفقتها في لوحة الدردشة) مضمنة في مجلدpublic/assets/ مع إشارة الكود إليها برابط محلي، لذا يعمل التصدير كما هو.
الملفات المنزلة — الصور وحزم الكود على حد سواء — سُميت على اسم الشاشة التي تنتمي إليها (العودة إلى اسم الملف إذا كانت الشاشة بدون اسم)، مما يحافظ على سهولة تحديد التصديرات عند العمل مع عدة شاشات.
إذا كنت بحاجة إلى نقل تصميمك إلى سير عمل تحرير متجه، انسخه مباشرة إلى Figma بدلاً من ذلك. راجع نسخ تصاميم Flowstep إلى Figma فوراً.