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 On Canvas Tips
Figma Project, Page & Artboard Tips

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

تسمح لك الإطارات بدمج الطبقات معًا تحت أصل واحد. بخلاف المجموعات ، حددت الإطارات في Figma أبعادًا صريحة (تشبه إلى حد كبير إطار iframe HTML). إليك بعض النصائح والحيل الرائعة عندما تعمل مع الإطارات.

شاهد النصائح

1. كائنات عش من خلال رسم إطارات حولهم

استخدم أداة الإطار (F) لرسم إطار حول مجموعة كاملة من الكائنات على اللوحة القماشية الخاصة بك؛ ستصبح على الفور كائنات تابعة للإطار ، دون الحاجة إلى سحبها وإفلاتها يدويًا في إطار جديد.

Drawing frames around objects in FigmaDrawing frames around objects in FigmaDrawing frames around objects in Figma

2. "تغيير حجم لتناسب" إطارات على الفور

بمجرد أن يكون لديك إطار حول مجموعة من الكائنات ، يمكنك النقر فوق الزر تغيير الحجم لملاءمة لجعل الإطار يلتف حول المجموعة بأكملها.

3. كيفية قياس الإطارات ومحتوياتها

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

scaling Figma frame contents with the scale toolscaling Figma frame contents with the scale toolscaling Figma frame contents with the scale tool

4. استخدام القيود على محتويات الإطار

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

Resultant behavior from the Figma constraints panelResultant behavior from the Figma constraints panelResultant behavior from the Figma constraints panel

5. اختيار قيود متعددة

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

Multiple constraints selected in a Figma documentMultiple constraints selected in a Figma documentMultiple constraints selected in a Figma document

مصادر لتعلم Figma

كانت هذه بعض النصائح السريعة للعمل مع الإطارات في Figma. لمزيد من الاطلاع على سلسلة الدورات لدينا:

مجموعة أدوات واجهة المستخدم المستخدمة في هذا البرنامج التعليمي متوافقة تمامًا مع Figma ومتاحة من Envato Elements:

First Order UIUX ToolFirst Order UIUX ToolFirst Order UIUX Tool
أول أداة UI / UX للطلب

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.