نستخدم الشكل لإنشاء تصميمات: من التخطيطات إلى الواجهات. ربما تكون قد صادفت بالفعل مصطلح" مثيل " في فيجما. ولكن ما هو وكيفية استخدامه?
المثال هو مثيل لمكون في فيجما. المكونات في فيجما تساعد على إنشاء وصيانة أنظمة التصميم الحديثة. توجد في نسخة واحدة ، ولكن يمكن إعادة استخدامها في أماكن مختلفة في مشروعك. وبالتالي ، فإن تحديث المكون يقوم تلقائيا بتحديث جميع مثيلاته.
يمنحك استخدام المثيل القدرة على إنشاء وإجراء تغييرات بسرعة على العديد من عناصر التصميم في نفس الوقت. إذا كنت ترغب في تغيير اللون أو الحجم أو المحتوى ، يكفي إجراء تغيير على المكون الأصلي فقط وسيتم تحديث جميع مثيلاته تلقائيا.
مثال على استخدام المثيل: تخيل أنك تقوم بإنشاء واجهة لتطبيقات الهاتف المتحرك ، وكان لديك عدة بطاقات مع نفس النمط ، ولكن محتويات مختلفة. يمكنك إنشاء مكون بطاقة ثم استخدام مثيلاتها لكل بطاقة فردية. إذا قمت بإجراء تغيير على نمط البطاقة ، على سبيل المثال ، إضافة ظل أو تغيير لون الخلفية ، ثم جميع مثيلات هذه البطاقة سوف تتغير أيضا.
- مفهوم المثال في فيجما
- باستخدام المثال في فيجما
- أمثلة على استخدام المثيل في فيجما
- إنشاء مثيل في فيجما
- تحرير المثال في فيجما
مفهوم المثال في فيجما
عند إنشاء مثيل لمكون في فيجما ، فإنه يرتبط بالمكون الأصلي الذي تم إنشاؤه منه. عند إجراء تغييرات على المكون الأصلي ، يتم تحديث جميع مثيلاته تلقائيا. هذا يجعل من السهل إجراء تغييرات على جميع مثيلات المكون في نفس الوقت ، دون الحاجة إلى تحريرها يدويا في كل مرة.
يمكن أن يكون لكل مثيل مكون إعداداته الفريدة ، مثل الحجم أو اللون أو النص. يمكن تغيير هذه الإعدادات دون التأثير على المكون الأصلي أو مثيلات أخرى. يتيح لك ذلك إنشاء أشكال مختلفة لمكون واحد مع الحفاظ على اتصاله بالمكون الأصلي.
قد يكون مثال على استخدام مثيلات المكونات كما يلي: يوجد زر في المشروع يجب استخدامه في عدة أماكن. بدلا من إنشاء زر جديد في كل مرة ، يمكنك ببساطة إنشاء مكون زر واحد واستخدامه في كل مكان ، وإنشاء مثيلات. إذا كان من الضروري تغيير تصميم أو وظيفة الزر ، فسيكون ذلك كافيا لتحرير المكون الأصلي ، وسيتم تحديث جميع مثيلاته تلقائيا.
باستخدام المثال في فيجما
لاستخدام المثال ، تحتاج أولا إلى إنشاء مكون رئيسي. المكون الرئيسي هو عنصر المصدر الذي سيتم استنساخه وتحديثه. يمكنك إنشاء مكون رئيسي من أي عنصر على اللوحة القماشية ، مثل الأزرار أو الرموز أو كتلة نصية.
بعد إنشاء المكون الرئيسي ، يمكنك إنشاء مثيلات لهذا المكون. المثيلات هي نسخ من المكون الرئيسي المقترن بالعنصر المصدر. بمجرد إجراء تغييرات على المكون الرئيسي ، يتم تحديث جميع المثيلات تلقائيا.
باستخدام المثال يسمح لك لتسريع كبير في عملية التصميم. إذا كانت لديك مثيلات متعددة لنفس العنصر على اللوحة القماشية وتريد تغيير نمطها أو محتواها ، فلن تحتاج إلى إجراء تغييرات على كل مثيل على حدة. يكفي إجراء تغييرات على المكون الرئيسي ، وسيتم تحديث جميع الحالات.
يتيح لك المثيل أيضا حفظ حالة كل مثيل بشكل مستقل. يمكنك تغيير نمط مثيل واحد دون التأثير على الباقي. على سبيل المثال ، يمكنك إنشاء زر معالج بحالة غير نشطة واستخدامه لإنشاء مثيلات متعددة بحالات نشطة مختلفة.
باستخدام المثال في فيغما هو وسيلة فعالة لإنشاء وتحديث العناصر المتكررة في التصميم. هذا يوفر الوقت ويجعل من السهل الحفاظ على التصميم وتغييره.
أمثلة على استخدام المثيل في فيجما
مثيل في فيجما يسمح لك لإنشاء واستخدام عناصر مكررة في المشروع. فيما يلي أمثلة على المواقف التي يمكن أن يكون فيها استخدام المثيل مفيدا بشكل خاص:
1. قائمة التنقل
عند إنشاء موقع ويب أو تخطيط تطبيق ، غالبا ما يكون من الضروري إنشاء قائمة تنقل. سيؤدي استخدام المثيل إلى تسهيل تغيير محتويات القائمة لجميع المثيلات في وقت واحد ، مما يوفر مظهرا موحدا ويقلل من وقت إجراء التغييرات.
2. أزرار
الأزرار هي واحدة من عناصر الواجهة الأكثر استخداما. سيسمح لك إنشاء مثيل لأزرار مثل" موافق "أو" إلغاء " بتغيير لونها وحجمها ونمطها وما إلى ذلك بسهولة. في جميع الحالات ، وضمان توحيد المظهر في جميع أنحاء المشروع.
3. أيقونات
سيؤدي استخدام مثيل الرموز إلى تسهيل تغيير حجمها ولونها وشكلها وسماتها الأخرى في جميع المثيلات. يكون هذا مفيدا بشكل خاص عندما تحتاج إلى تغيير التصميم أو إضافة رمز جديد ، حيث سيتم تطبيق التغييرات تلقائيا على جميع استخدامات هذا الرمز.
4. الخطوط وأنماط النص
سيسمح لك استخدام مثيل الخطوط وأنماط النص بتغيير مظهر النص بسرعة في جميع المثيلات. على سبيل المثال ، إذا كنت تريد تغيير حجم و/أو لون نص الرأس في جميع صفحات المشروع ، فيمكنك القيام بذلك بتغيير واحد في المكون الرئيسي (مثيل).
5. البطاقات والألواح
عند إنشاء تخطيطات لتصميم واجهة أو صفحة ويب ، غالبا ما يتم استخدام البطاقات أو اللوحات ذات الأزرار والصور والنصوص. سيسمح لك إنشاء مثيل لهذه العناصر بتغيير محتوياتها ومظهرها بسرعة في جميع الحالات ، مع الحفاظ على اتساق التصميم.
هذه ليست سوى بعض الأمثلة على استخدام المثال في فيجما. يوضح كل منهم كيف يمكن أن يؤدي استخدام المثيل إلى تبسيط أعمال التصميم بشكل كبير ، وتوفير الوقت ، وضمان اتساق المظهر في المشروع.
إنشاء مثيل في فيجما
لإنشاء مثيل في فيجما ، اتبع الخطوات التالية:
- حدد معالج المكون الذي تريد إنشاء مثيل له.
- انقر بزر الماوس الأيمن على معالج المكونات وحدد" إنشاء مثيل " من قائمة السياق.
- سيظهر مثيل جديد للمكون مع البادئة" مثيل " في اسمه. يمكنك إعادة تسمية المثيل إذا كنت تريد.
- يمكنك الآن تغيير خصائص المثيل وأنماطه بحرية دون التأثير على معالج المكون الأصلي.
يتيح لك إنشاء مثيلات المكونات إنشاء العديد من العناصر من نفس النوع في التصميم ، مع القدرة على تحديث أنماطها وخصائصها بسرعة وسهولة في مكان واحد — معالج المكونات.
المثال في فيجما هي واحدة من الأدوات الرئيسية لإنشاء وإدارة عناصر قابلة لإعادة الاستخدام في التصميم. أنها تساعد على زيادة كفاءة العمل من خلال ضمان التوحيد والنزاهة في نظام التصميم.
تحرير المثال في فيجما
مثيل في فيجما هو نسخة من مكون يمكن تحريره بشكل مستقل عن المكون الرئيسي. هذه ميزة مريحة للغاية تتيح لك إجراء تغييرات على جميع مثيلات المكون مرة واحدة. فيما يلي بعض الطرق لتحرير المثيل:
1. تحرير النص
إذا كنت بحاجة إلى تغيير النص الموجود في المثيل ، فما عليك سوى النقر فوق النص وإجراء التغييرات اللازمة. لن يؤثر هذا على المكون الأصلي والحالات الأخرى ، فقط هذه الحالة بالذات.
2. تحرير الخصائص والأنماط
لتحرير خصائص وأنماط المثيل (على سبيل المثال ، اللون أو الحجم أو الخط) ، حدد مثيل مكون وقم بإجراء التغييرات اللازمة على الخصائص أو الأنماط في لوحة الخصائص أو الأنماط. بعد حفظ التغييرات ، سيتم تطبيق هذه المعلمات فقط على المثيل المحدد ، دون التأثير على المثيلات الأخرى أو المكون الأصلي.
3. استبدال المكونات
في بعض الأحيان قد يكون من الضروري استبدال مكون مستخدم على سبيل المثال بمكون آخر. للقيام بذلك ، حدد مثيل المكون وانقر فوق الزر استبدال المكون في لوحة الخصائص. ثم حدد المكون الجديد الذي تريد استخدامه. بعد الاستبدال ، سيتم تطبيق المكون الجديد فقط على المثيل المحدد ، وستظل المثيلات الأخرى والمكون الأصلي دون تغيير.
ملاحظة: عند استبدال مكون في مثيل ، لاحظ أنه قد لا يتم الاحتفاظ ببعض الخصائص والأنماط إذا لم يتم تعريفها في المكون الجديد.