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 Component Tips
Figma Handoff and Testing Tips

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

عند العمل مع تخطيطات في Figma (والتي ستكون غالبًا) ، يجب أن تكون مرتاحًا مع تغيير الحجم والقياسات والمباعدة والمحاذاة والإخفاء. فيما يلي خمس نصائح لمساعدتك!

شاهد النصائح

1. انحراف الأشكال لتسهيل الحجم المتغير للقياس

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

من أجل سحق هذا المربع المحدود ، تحتاج أولاً إلى تجميعه (بحد ذاته) ، وإعادة ضبط مربع الحدود في العملية بشكل فعال. الآن عند تحديده ، ستتمكن من تسويته على محوري X و Y.

لتغيير أبعادها مع الاحتفاظ بخطوطها غير القياسية ، فك تجميعها ، ثم تغيير حجمها باستخدام المقابض.

Skew Shapes For Easy Isometric ResizingSkew Shapes For Easy Isometric ResizingSkew Shapes For Easy Isometric Resizing

2. تخطيطات العمود السريعة

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

Quick Column Layouts in FigmaQuick Column Layouts in FigmaQuick Column Layouts in Figma

3. قم بإزالة المسافة بين العناصر

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

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

Remove Space Between Items in FigmaRemove Space Between Items in FigmaRemove Space Between Items in Figma

4. عمل محاذاة دقيقة للغاية

يمكنك الحصول على بعض المساعدة في محاذاة الكائنات بدقة عن طريق التأكد من تشغيل المساطر (SHIFT + R) وبعد ذلك عند تحريك شكل ما ، سترى عرضه وارتفاعه ممثلين في المساطر.

Make Alignment Extra Precise with rulers in FigmaMake Alignment Extra Precise with rulers in FigmaMake Alignment Extra Precise with rulers in Figma
انظر هؤلاء الاشكال الزرقاء

5. إنشاء أقنعة بطريقة سريعة

لإنشاء أقنعة بسرعة في Figma ، انقر بزر الماوس الأيمن فوق كائن واختر Use Mask. ومع ذلك ، يجب أن تدرك أنك بحاجة إلى تجميع كائن التقنيع مع الكائنات التي تريد حجبها.

Create Masks Quickly in figmaCreate Masks Quickly in figmaCreate Masks Quickly in 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.