Advertisement
  1. Web Design
  2. Figma

نصائح مُكون "Figma"

by
Read Time:2 minsLanguages:
This post is part of a series called Figma Tips and Tricks.
Figma Vector Tips
Figma Layout Tips

Arabic (العربية/عربي) translation by Amr Salah (you can also view the original English article)

يسمح Figma لنا بالتصميم مع المكونات ؛ كائنات متكررة تتصرف وفقًا لمجموعات القواعد التي نحددها. لنجري بعض النصائح والحيل لمساعدتك في تحقيق أقصى استفادة من المكونات.

شاهد النصائح

1. الجمع بين المكونات لنشر التغييرات بسهولة

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

ولكن إذا غيّرنا خاصية لم يتم تجاوزها ، فستكون هذه التعديلات مرئية عبر جميع حالات الزر.

يمكن أن تكون طريقة التعامل مع هذه الحالات عقلية مفيدة حقًا للدخول إليها عند تصميم تصميمات واجهة المستخدم.

Combine Components to Propagate Changes EasilyCombine Components to Propagate Changes EasilyCombine Components to Propagate Changes Easily

2. إنشاء التماثل عن طريق تقليب المكونات

إذا كنت ترغب في إنشاء التماثل أو النسخ المتطابق ، فقم بإنشاء مكون من نصف ما تريد استخدامه. إنشاء مثيل آخر عن طريق الضغط باستمرار على ALT وسحب الأصل ، ثم اضغط SHIFT + H لقلب النسخة المكررة. الآن ، كلما قمت بتغيير النسخة الأصلية ، سيتم أيضًا تغيير النسخة الاخرى ، ولكن في الاتجاه المعاكس.

Create Symmetry by Flipping Components in FigmaCreate Symmetry by Flipping Components in FigmaCreate Symmetry by Flipping Components in Figma

3. إنشاء أنماط متكررة عن طريق تبليط المكونات

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

ستتمكن بعد ذلك من تصدير هذا الجزء الأصلي كصورة مستقلة ، لاستخدامه في أي مكان تحتاج فيه إلى تبليط مثالي.

Create Repeating Patterns by Tiling ComponentsCreate Repeating Patterns by Tiling ComponentsCreate Repeating Patterns by Tiling Components

مصادر تعلم Figma

يجب أن تكون هذه النصائح الثلاثة قد أظهرت لك كيف يمكن أن تكون مكونات مفيدة في Figma. لمساعدتك على نقل الأشياء إلى المستوى التالي ، لدينا سلسلة من دورات Figma على Tuts +:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.