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