Advertisement
  1. Web Design
  2. Figma

نصائح Figma Vector 

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

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

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

نصائح ووتش

1. استخدم شبكات Vector للأشكال المعقدة

لدى فيجما بعض خصائص المتجه الفريدة ، وأهمها "شبكات المتجهات".

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

Use Figmas Vector Networks for Complex ShapesUse Figmas Vector Networks for Complex ShapesUse Figmas Vector Networks for Complex Shapes

2. لصق رمز SVG مباشرة

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

Paste SVG Code DirectlyPaste SVG Code DirectlyPaste SVG Code Directly
لصق

3. نسخ المتجهات كرمز SVG

اختر أي متجه في التصميم الخاص بك ، ثم انقر بزر الماوس الأيمن عليه لإظهار قائمة سياقية. انتقل إلى Copy as> Copy as SVG ، ثم ستحصل على شفرة SVG في الحافظة ، جاهزة للصق في أي مشروع ويب تعمل عليه.

Copy Vectors as SVG Code in FigmaCopy Vectors as SVG Code in FigmaCopy Vectors as SVG Code in Figma
نسخ

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.