أطلقت Figma للتو ميزة Variants، وهي نسخة معززة من خاصية تجاوز المكونات (component overrides) التي كانت موجودة في معظم أدوات التصميم، وتعزز رؤيتنا لممارسات أفضل في أنظمة التصميم أكثر من أي وقت مضى.

ما فائدتها؟

المكونات المربكة، والنقاشات المتكررة ذهابًا وإيابًا، بل وعدم الاتساق الصريح في التصميم، كلها تسبب احتكاكًا بين مهام العمل أكثر مما نود الاعتراف به. هنا في OOZOU، نعمل في بيئة تتطلب إنجازًا سريعًا ونظام تصميم متغيرًا باستمرار لكل مشروع نشط. تنظيم جميع مكوناتكم وتسميتها بشكل صحيح يؤثر كثيرًا في إدارة الـ variants وإنشائها. والحفاظ على نظام التصميم مرتبًا وسهل الإدارة أمر حاسم، كي يتمكن المصممون من الانضمام إلى المشاريع ومغادرتها حسب الحاجة. وباستخدام لوحة الأصول (Assets panel)، يستطيع المصممون تصفح المكونات واختيارها وتعديلها بسهولة، مما يحسّن عملية التصميم ككل. ويساعد تفعيل Auto Layout على تحسين ترتيب الـ variants والمسافات بينها، فيسهل إدارة التصاميم وتصورها. أما الـ variant، وهو مجموعة محددة مسبقًا من المكونات بخصائص قابلة للتخصيص، فيمكن أن يقلل كثيرًا من التوثيق غير الضروري.

ابدأوا بالمكونات الصغيرة

يمكنكم البدء بتحويل المكونات التي يقوم عليها أساس نظامكم بالكامل إلى variants تدريجيًا. على سبيل المثال، عناصر واجهة مثل:

• الأزرار
• النماذج
• علامات التبويب
• شريط التنقل
• القوائم المنسدلة
• وغيرها

فمثلًا، يمكن أن يكون لمكوّن الزر عدة variants لأحجام وأنواع وحالات مختلفة.

يمكن تحويلها جميعًا إلى variants لتوفير وصول أسهل عبر الهيكل بأكمله. تحافظ الـ variants على التجاوزات (overrides) التي أجريتموها، وتجعل شاشاتكم المصممة حديثًا جاهزة للعمل دون الحاجة إلى العبث بقوائم الطبقات الفوضوية داخل الـ instances.

يمكن تخصيص خصائص كل مجموعة مكونات (component set) بالكامل.

يمكنكم أيضًا إضافة تعليقات وإرفاق رابط المكونات إن كان لدى فريق الواجهة الأمامية نظام تصميم معدّ في مكان آخر. وقد يكون هذا أكثر فائدة حين تتعاملون مع نظام ضخم ولا تجدون فيه شيئًا دون السؤال أولًا.

استخدام أسماء طبقات متسقة يبسّط إعداد الـ variants ويحافظ على لوحة أصول منظمة.

استخدموا التوثيق على الـ main components ليتمكن الآخرون من البدء بسرعة.

يتيح هذا النهج تنويعات متعددة لكل مكوّن، مما يعزز المرونة والكفاءة. ويمكنكم بسهولة إضافة variant جديد إلى مجموعة مكونات قائمة لتلبية احتياجات تصميم مختلفة. ويمكن أن يكون مكوّن واحد أساسًا لعدة variants، لكل منها خصائص وحالات مختلفة. فمثلًا، يمكنكم إنشاء نسختين (variants) من مكوّن الزر بخصائص ألوان مختلفة. وتتيح لكم خصائص الـ variant تحديد سمات معينة لكل نسخة، مما يسهّل إدارة مكوناتكم وتخصيصها.

عيوب استخدام الـ Variants

إنشاء الـ variants يستغرق وقتًا. فكروا في حجم العمل قبل إنشاء مجموعة منها. ففي كثير من الأحيان، قد يبدو تحويل مجموعة المكونات القابلة للتجاوز إلى variants مبالغة في البداية. لكن مع نمو المشروع، وحين تصبحون أقدر على الحكم على ما يجب إضافته إلى قالب مجموعة المكونات وما لا يجب، يصبح إنشاء الـ variants الخيار الأمثل فعلًا.