Flowstep و Figma أداتان متكاملتان، وليستا منافستين. تساعدك Flowstep على توليد أفكار تصميم واجهات المستخدم واستكشافها بسرعة، بينما تُستخدم Figma لتحسين العمل والتعاون عليه وإنجاز العمل الجاهز للإنتاج. استخدام الأداتين معًا يمنحك أفضل ما فيهما.
كيفية نسخ تصميم Flowstep إلى Figma
1
حدّد شاشة واحدة أو أكثر في Flowstep
انقر على شاشة لتحديدها، أو حدّد عدة شاشات لنسخها جميعًا دفعة واحدة. تأكد من أن التحديد مُظلَّل في اللوحة.
2
انسخ التحديد
اضغط **Cmd+**⇧+C على Mac أو **Ctrl+**⇧+C على Windows. تعرض Flowstep الرسالة “Preparing your design. Stay on the current tab.” أثناء العمل (تعني: جارٍ تجهيز تصميمك. ابقَ على علامة التبويب الحالية)، وتكتمل عملية النسخ بعد لحظات.
3
ألصق في ملف Figma
انتقل إلى Figma وافتح الملف الذي تريد وضع التصميم فيه. اضغط Cmd+V على Mac أو Ctrl+V على Windows للصق. تظهر شاشات Flowstep على لوحة Figma، جاهزة للتحرير.
ينسخ النسخ إلى Figma حافظة المتصفح، لذا يجب أن يسمح المتصفح لـ Flowstep بالوصول إليها. إذا ظهر لك خطأ في الأذونات، فاسمح بالوصول إلى الحافظة في إعدادات المتصفح ثم أعد المحاولة. يؤدي تبديل علامات التبويب أثناء النسخ إلى مقاطعة النقل، لذا أبقِ علامة تبويب Flowstep مفتوحة حتى ينتهي النسخ.
استيراد تصميم من Figma
يمكنك أيضًا العمل في الاتجاه المعاكس، فتُحضر إطار Figma إلى Flowstep كشاشات قابلة للتحرير. الاستيراد متاح للجميع: اربط حساب Figma الخاص بك مرة واحدة، ثم استورد من رابط الإطار.1
اربط Figma
اربط حساب Figma الخاص بك بـ Flowstep من إعداداتك. تستخدم Flowstep تفويض Figma لقراءة الملفات التي لديك صلاحية الوصول إليها.
2
انسخ رابط إطار في Figma
في Figma، انقر بالزر الأيمن على الإطار الذي تريده واختر Copy link to selection. يمكنك أيضًا نسخ رابط صفحة كاملة لاستيراد جميع الإطارات ذات المستوى الأعلى فيها دفعة واحدة.
3
استورد إلى Flowstep
استخدم خيار استيراد Figma في شريط أدوات Flowstep والصق الرابط. تحوّل Flowstep الإطار إلى عناصر قابلة للتحرير على لوحتك. كل عملية استيراد تضيف شاشة جديدة، واستيراد الإطار نفسه مرة أخرى لا يستبدل الاستيراد السابق، لذا احذف الشاشة القديمة إذا لم تعد بحاجة إليها.
ما الذي يُستورد
تعيد Flowstep إنشاء إطار Figma كعناصر أصلية قابلة للتحرير، وليس كصورة مسطّحة. يتضمن الاستيراد:- الإطارات وطبقاتها المتداخلة
- النص، بما في ذلك التنسيق على مستوى الحرف، مثل الوزن واللون والخط العريض
- الألوان من متغيرات Figma الخاصة بك
- تعبئات الصور، وأيقونات SVG والأشكال
- الظلال الداخلية والخارجية، وتمويه الطبقات والخلفيات
- الحدود المتقطعة والمنقّطة
يجب أن تكون مؤسسة الملف متصلة بـ Figma. إذا تعذّر استيراد إطار، تعرض Flowstep رسالة قابلة للتنفيذ توضح الخطوة التالية، مثل إعادة ربط Figma إذا انتهت صلاحية التفويض، أو الانتظار ثم إعادة المحاولة إذا كان Figma يُقيّد الطلبات أو يستجيب ببطء، أو، في حالة قالب من Community، تكراره إلى فريقك أولًا ثم لصق الرابط الجديد.