الاستيراد من Figma

يعمل الاستيراد في الاتجاه المعاكس للتصدير: إطار Figma قائم يصير شاشةَ UXMagic قابلة للتحرير، ثم تواصل تطويرها بالذكاء الاصطناعي.

الخطوات#

1. اربط Figma من التكاملات (اتصال OAuth — تمنح UXMagic الإذن مرة واحدة).
2. الصق رابط إطار Figma، أو اختر الملف والإطار من المنتقي.
3. اختر: أتستورد أنساق الإطار نفسها نسقًا لمشروعك، أم تُسقطها على النسق الذي لديك أصلًا؟
4. استورد.

ما الذي ينتقل#

• التخطيط والتسلسل الهرمي، بما في ذلك بنية auto-layout.
• النصوص، بأنماط الخط الخاصة بها.
• الألوان والتأثيرات، بما فيها التدرجات والظلال.
• الصور، منسوخة إلى أصول مشروعك.
• الأشكال المتجهة والأيقونات، معاد بناؤها شيفرةً.

ما ينبغي توقّعه#

Figma لوحة متجهات والويب نموذج صناديق، فالاستيراد ترجمة أمينة لا نسخة مطابقة بايتًا ببايت. توقّع بنية ومسافات قريبة جدًا، مع فروق صغيرة في عرض النصوص وفي التأثيرات التي لا مقابل مباشر لها على الويب.

والاستيراد أدقّ ما يكون حين يستخدم إطار Figma auto-layout. أما التخطيطات الحرة المموضعة موضعًا مطلقًا فتُستورد، لكن بأمانة بنيوية أقل.

اضبط الرابط#

حدّد الإطار في Figma، ثم زر الفأرة الأيمن ← Copy link to selection. أما رابط الملف دون عقدة محددة فيستورد الشيء الخطأ، أو لا يستورد شيئًا.

بعد الاستيراد#

تتصرّف الشاشة المستوردة كأي شاشة أخرى: تحرير بالمحادثة، ووضع تحرير، وضبط نسق، وإصدارات، وتصدير. وهذا أسرع طريق لحالة ”عندنا تصاميم بالفعل، لكننا نريد التحرك أسرع الآن“.

أنظمة التصميم ومكتبات المكوّنات#

يمكنك أيضًا استيراد مكتبة مكوّنات أو نظام تصميم لتستخدم الشاشات المولَّدة مكوّناتك. راجع مكتبات المكوّنات.