تحديث (18 أغسطس 2021): أخيرًا! أطلق فريق Figma نسخة تجريبية (beta) تتيح القيام بذلك مباشرة دون أي حلول التفافية. اطلعوا عليها هنا

يحدث هذا للجميع في عالم Figma

أكثر المشكلات شيوعًا عند بناء نظام تصميم أنه حين يحين وقت توسيع الملف وتقسيمه إلى نظام قائم على المكتبات، يكون لديكم ذلك المكوّن المصنوع بإتقان في ملف محلي، ولا توجد طريقة جيدة لنقله دون أن تتعطل أكثر من 50 من تجاوزات النصوص (text overrides) والمكونات الفرعية داخل كل instance. لا تقلقوا بعد الآن، فلدي دليل بسيط لذلك:

أ. إن أردتم إعادة ربط مكوّن بسيط جدًا

تنبيه: هذه الطريقة لا تنقل أي تجاوزات (overrides) أجريتموها

إن كان لديكم مكوّن بسيط جدًا تحتاجون إلى نقله، مثل أيقونة:

1. انسخوا نسخة منه إلى ملف مكتبة (ولا تنسوا نشر ملف المكتبة هذا)
2. عودوا إلى ملف العمل المحلي (في هذه الحالة هو ملف "login" الذي أُنشئت فيه الأيقونة في الأصل)، وتأكدوا من تفعيل ملف المكتبة الذي نشرتموه للتو.
3. استخدموا plugin للتحديد مثل Similayer أو Select Layers لتحديدها جميعًا دفعة واحدة
4. بعد تحديد الكائنات المطلوبة في الصفحة، استبدلوها جميعًا مرة واحدة باستخدام الشريط الجانبي المعتاد لتجاوز المكونات (في اللوحة اليمنى)
5. كرروا الخطوتين 3 و4 لكل صفحة في ملفكم

6. انتهيتم!

الأمر بسيط، أليس كذلك؟

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

ب. المكونات التي تحتوي على أي نوع من التجاوزات

معظم المكونات التي أنشأتموها قد تحتوي على تجاوز من نوع ما، سواء كان تغييرًا بسيطًا في اللون أو هياكل نصية معقدة بـ Auto Layout. لتوفروا على أنفسكم كل هذا العناء، أنصحكم بالبدء في استخدام plugin مدفوع رائع اسمه Master.

يحتوي الـ plugin على ميزات مفيدة كثيرة، لكنني سأركز في هذه المقالة على ترحيل الـ master components فقط.

إليكم الطريقة:

1. أنشئوا نسخة من الـ master component في مكتبة، وحددوها (في ملف المكتبة نفسه)
2. انقروا بزر الفأرة الأيمن واختاروا 'Plugins>Master>Pick Target Component' والـ master component محدد.
3. لا تنسوا نشر ملف المكتبة قبل العودة إلى الملف المحلي (واستيراده في الملف المحلي المعني).
4. حددوا مكوّن Master في الملف المحلي5. انقروا بزر الفأرة الأيمن واختاروا 'Plugins>Master>Link Objects to Target Component' والـ master component محدد.
5. سيعثر الـ plugin على كل instance في الملف، ويستبدلها بأخرى جديدة، ويطبّق كل التجاوزات وفقًا لذلك.

7. هذا كل شيء! انتهيتم. فعلًا.

لاحظوا أن هذه الطريقة لا تعمل إلا مع المكونات المتطابقة التي تختلف تجاوزاتها فقط. إن كان لديكم في الملف نسختان متشابهتان لكن غير متطابقتين تمامًا من master component (لأن عدة مصممين عملوا على الملف وانتهى بهم الأمر إلى تصميم مكوّن متشابه مرتين)، فلن تنجح هذه الطريقة جيدًا، وقد تسبب بعض الشوائب والأخطاء. تابعوا بحذر!