في السنوات القليلة الماضية ، نمت شعبية Figma بسرعة ، ولا عجب في ذلك. يمكن الوصول بسهولة إلى البرنامج المجاني المستند إلى السحابة على جميع الأجهزة ولا يتطلب أي أقساط أو تنزيلات. من تصميم واجهات تطبيقات الأجهزة المحمولة إلى تصنيع منشورات الوسائط الاجتماعية ، باستخدام Figma ، يمكنك تجربة جميع أنواع ميزات تصميم الرسوم وتوسيع مهاراتك.
لمزيد من الاتساق في تصميماتك ، قد ترغب في التفكير في استخدام المكونات في عملك. المكونات هي عناصر واجهة المستخدم (UI) التي يمكن استخدامها عبر ملفات متعددة في Figma. يمكن أن تكون هذه غالبًا إضافة قوية لتصميماتك وتعزز جودتها الشاملة.
سواء كنت جديدًا على Figma أو كنت تستخدمه لفترة من الوقت ولست متأكدًا من كيفية استخدام المكونات بنجاح ، فنحن هنا للمساعدة.
في هذه المقالة ، سوف نستكشف كيفية استخدام مكونات Figma وكيف يمكن أن يساعدك ذلك في الارتقاء بعملك.
إذا كنت مهتمًا بمعرفة المزيد ، فاستمر في القراءة.
كيفية استخدام المكونات في Figma
يمكن أن يساعدك إتقان استخدام المكونات في التنظيم والاتساق عند تشغيل Figma. يمكن استخدام عناصر واجهة المستخدم هذه مرارًا وتكرارًا في مشاريع التصميم المختلفة التي قد تعمل عليها. يمكن إنشاء مكون في رمز وزر وغير ذلك ، اعتمادًا على مشروعك.
إن الشيء العظيم في تقديم مكونات لتجربة Figma الخاصة بك هو أنه يوفر لك الكثير من الوقت. يتم تحديث أي تغييرات قد تجريها على أحد المكونات تلقائيًا على المكونات الأخرى. قد يكون هذا مفيدًا بشكل خاص إذا كان لديك إطار زمني ضيق أو تعاونت مع مصممين آخرين وترغب في تسريع سير عملك.
للبدء ، ستلاحظ وجود شريطين جانبيين على كل جانب من اللوحة الرئيسية التي تستخدمها. يمكنك استخدام أدوات من أي من هذه الأشرطة الجانبية لإجراء تعديلات على مشروعك.
يمنحك الشريط الجانبي على الجانب الأيمن الوصول إلى أي إعدادات نموذج أولي ويسمح لك بضبط أو تحرير أي خصائص لمكوناتك. ومع ذلك ، يقدم لك الشريط الجانبي الموجود على اليسار الطبقات والأصول والصفحات المستخدمة في مشروعك. يشار إلى هذا باسم لوحة الطبقات.
يجب تقديم المكونات لعملك في وقت مبكر إلى حد ما. إنها تساعدك على الحفاظ على التناسق في تصميماتك وتسمح لك بتسريع معدل إجراء التغييرات عبر مشاريعك. هناك عنصران رئيسيان للمكون:
- المكون الرئيسي (أو الرئيسي) (أيقونة الماسة الرباعية)
- مكون مثيل (رمز ماسي مفرد)
المكونات الرئيسية
قبل أي شيء آخر ، يجب عليك أولاً إنشاء المكون الرئيسي. للقيام بذلك، اتبع الخطوات التالية:
- انقر بزر الماوس الأيمن فوق الطبقة أو المجموعة أو الإطار.
- حدد إنشاء مكون.
- على الجانب الأيمن من الشاشة ، سترى قائمة منسدلة تقول 'مكون'. انقر فوق هذا.
- من هنا ، ستلاحظ قائمة حيث يمكنك إجراء تغييرات على المكون الخاص بك وإعادة تصميم الأنماط عبر المشاريع.
هناك طريقة أخرى لإنشاء مكون رئيسي وهي استخدام الاختصارات:
- خيارات + Command + K لنظام التشغيل Mac
- Ctrl + Alt + K لنظام التشغيل Windows
بالطبع ، لا تعمل هذه الطريقة إلا إذا كنت تستخدم Figma على جهاز كمبيوتر.
مكونات فورية
المكون الفوري هو نسخة من المكون الرئيسي الخاص بك. عندما يتم تحرير المكون الرئيسي بأي طريقة ، يتم تحديث المثيل تلقائيًا لمطابقة أي تغييرات يتم إجراؤها. إذا كنت بصدد إنشاء موقع ويب ، يمكن أن تكون هذه الأداة مفيدة بشكل خاص وتوفر لك الكثير من الوقت. على سبيل المثال ، قد ولت أيام الانتقال يدويًا إلى جميع مكوناتك لتكرار نفس التعديلات. بدلاً من ذلك ، تقوم Figma بتغييرها جميعًا من أجلك.
قد تصل إلى النقطة التي قمت فيها بإنشاء مثيلات متعددة وترغب في العودة إلى المكون الرئيسي الخاص بك حتى تتمكن من إجراء تغيير سريع لجميع المكونات الخاصة بك. للوصول إلى المكون الرئيسي الخاص بك ، قم بما يلي:
- انقر بزر الماوس الأيمن فوق أي مثيل.
- انقر فوق Go to Master Component.
- سيظهر المكون الرئيسي في الشريط الجانبي على الجانب الأيسر.
بينما يعد صنع المكونات واحدًا تلو الآخر أمرًا بسيطًا نسبيًا ؛ يمكنك تسريع الأمور عن طريق صنعها بكميات كبيرة. لكي تفعل هذا، اتبع هذه الخطوات:
كيفية استيراد الملفات المحلية إلى Spotify
- من لوحة الطبقات الخاصة بك ، اختر الطبقات التي تريد إنشاء المكونات فيها.
- انقر فوق رمز السهم المتجه لأسفل الموجود بجوار رمز المكون الرئيسي داخل لوحة الطبقات.
- حدد إنشاء مكونات متعددة من الخيارات المتاحة.
- من هناك ، ستصنع Figma مكونًا لكل طبقة إطار.
أسئلة وأجوبة إضافية
كيف يمكنني تجاوز مثيل أو فصله؟
قد تكون هناك أوقات ترغب فيها في إجراء تغييرات على خصائص مثيل معين دون تغيير جميع الخصائص الأخرى. يمكنك عمل أشكال مختلفة من المكونات المختلفة. في Figma ، يشار إلى هذا على أنه تجاوز.
بمجرد تجاوز مثيل ، فإن أي تغييرات يتم إجراؤها في المكون الرئيسي لن تؤثر عليه. للقيام بذلك ، تحقق من الخطوات أدناه:
1. انقر فوق مكون المثيل الخاص بك.
2. من لوحة الخصائص على الجانب الأيمن من الشاشة ، حدد مكون.
3. من القائمة المنسدلة التي تظهر ، اختر فصل المثيل.
إذا كنت ترغب في مسح التجاوز ، فحدد المكون ، ثم اختر إعادة تعيين المثيل من الشريط الأوسط العلوي على شاشتك.
ماذا أفعل إذا حذفت عن طريق الخطأ المكون الرئيسي الخاص بي؟
عندما تقضي طوال اليوم في تحرير المحتوى ، قد تتعطل أحيانًا عن طريق الخطأ وتحذف شيئًا مهمًا ، مثل المكون الرئيسي الخاص بك. لا تخف ، لاستعادتها سهلة مثل 1-2-3. ما عليك سوى اتباع هذه الخطوات الأساسية لاستعادة هذا المكون الرئيسي المفقود:
1. انتقل إلى إحدى مثيلات المكون.
2. في لوحة Properties على الجانب الأيمن من الشاشة ، حدد Restore Master Component.
3. سيظهر المكون الرئيسي على الفور.
كيف أقوم بإضافة وصف لمكوناتي؟
عند إنشاء المكونات الخاصة بك ، يمكن أن تساعدك إضافة وصف ورابط توثيق لكل عنصر على التنقل في مشروعك بشكل أفضل. كما أنه مفيد لأي متعاون قد تعمل معه للوصول إلى ملاحظات إضافية. لإضافة وصف ، انتقل إلى لوحة الخصائص على الجانب الأيمن من الصفحة وحدد إضافة وصف.
بمجرد القيام بذلك ، يمكن لأي مشاهدين خارجيين الوصول إلى هذه المعلومات بالانتقال إلى لوحة الفحص في الشريط الجانبي الأيمن.
كيف يمكنني استيراد مكونات إلى Figma؟
يمكنك استيراد جميع أنواع الملفات إلى مكون Figma. أسهل طريقة للقيام بذلك هي من سطح المكتب الخاص بك. ما عليك سوى اتباع هذه الخطوات:
1. في Figma ، افتح الصفحة حيث تريد استيراد ملف.
2. من ملفاتك ، حدد الملف المحدد الذي ترغب في استخدامه.
3. قم بسحب وإسقاط الملف المحدد في صفحة Figma الخاصة بك.
4. عند الانتهاء من ذلك ، انقر فوق تم.
الطريق الى النجاح
Figma هي أداة رائعة لاستخدامها سواء كنت جديدًا في التصميم أو كنت مشتركًا في اللعبة لسنوات. يقدم البرنامج نظام تحرير سهل الاستخدام للمبتدئين حيث يمكن للمصممين إنشاء محتوى من البداية أو استخدام مساعدة قالب إذا لزم الأمر.
يمكن أن يوفر لك فهم كيفية استخدام المكونات بنجاح في Figma الكثير من الوقت عند إجراء مشروع تصميم. من خلال تعلم كيفية إنشاء نظام مكونات عالي الجودة ، ستتمكن من النمو كمصمم. ليس ذلك فحسب ، بل يمكن أن يساعدك أيضًا في الحفاظ على سير العمل المتسق طوال رحلتك الإبداعية والسماح لأي متعاونين في المستقبل بالعثور على عملك بسهولة.
هل حاولت استخدام Figma لمشاريعك الإبداعية؟ كيف وجدت استخدام المكونات؟ دعنا نعرف المزيد عن تجربتك في قسم التعليقات أدناه.
