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

uxmagic.ai/dashboard/figma-component-library

المكتبات المدمجة#

يأتي UXMagic بمكتبتين يمكنك تصفّحهما والأخذ منهما أثناء التصميم:

• مكتبة مكوّنات Figma — مكوّنات جاهزة لإسقاطها في ملف Figma.
• مكتبة مكوّنات React — مكوّنات كود تطابق الأنماط نفسها.

وكلتاهما منظّمة حسب التصنيف، ولكل مكوّن نسخه المتعددة.

إدخال نظام التصميم الخاص بك#

استورد مكوّنات Figma أو نظام التصميم عندك إلى المشروع لتستخدم الشاشات المولَّدة مكوّناتك أنت لا مكوّنات عامة. راجع الاستيراد من Figma.

وبعد الاستيراد، اذكرها بالاسم:

استخدم مكوّنَي Button وCard عندنا لفئات الأسعار.

إبقاء الشاشات المولَّدة داخل النظام#

أمران يقومان بمعظم العمل:

1. نسق يطابق هويتك، فتأتي الألوان والخطوط صحيحة افتراضيًا. راجع الأنساق وأدلة الأسلوب.
2. تعليمات صريحة حين يبدأ الذكاء الاصطناعي بالارتجال: ”استخدم مكوّنات مكتبتنا المستوردة فقط.“

في خطة Enterprise#

تشمل خطط Enterprise نظام تصميم ومكتبة مكوّنات مشتركة عبر الفريق، فتبدأ الشاشات المولَّدة عند الجميع من المكوّنات نفسها.