🌙درسنا الثالث عشر من دورس تعلم فيجما بيكون عن:
🌟٢٠ إضافة (plug-ins) مفيدة في فيجما لتساعدك في الشغل (الجزء الأول)
#figma
@OCreativeJobs
🌟٢٠ إضافة (plug-ins) مفيدة في فيجما لتساعدك في الشغل (الجزء الأول)
#figma
@OCreativeJobs
بالبداية إضافات فيجما تقدر تبحث عنها في مجتمع فيجما (Figma Community) وتحتاج تحملها عشان تقدر تجربها في فيجما.
📍في مجتمع فيجما تقدر تلاقي كل مصادر فيجما اللي نشروها مصممين او مطورين مثل رسومات، تصاميم وغيرها.
figma.com
📍في مجتمع فيجما تقدر تلاقي كل مصادر فيجما اللي نشروها مصممين او مطورين مثل رسومات، تصاميم وغيرها.
figma.com
٢- Typescales:
يساعدك في تحقيق تسلسل هرمي للخطوط في التصميم. تحتاج تحدد حجم خط الأولي (base size)وكم مقدار الفرق بين الخطوط وهو بينتج لك مجموعة احجام للخطوط.
figma.com
يساعدك في تحقيق تسلسل هرمي للخطوط في التصميم. تحتاج تحدد حجم خط الأولي (base size)وكم مقدار الفرق بين الخطوط وهو بينتج لك مجموعة احجام للخطوط.
figma.com
٣- Batch Styler:
اذا تغير نوع الخط او الألوان في التصميم في نص المشروع، تقدر تستخدم هذي الإضافة عشان تساعدك في تغيير الخط او الألوان مرة وحدة.
figma.com
📍الألوان والخطوط تحتاج تكون مضافة في ملف فيجما
ثريد عن كيفية إضافة الألوان والخطوط:
اذا تغير نوع الخط او الألوان في التصميم في نص المشروع، تقدر تستخدم هذي الإضافة عشان تساعدك في تغيير الخط او الألوان مرة وحدة.
figma.com
📍الألوان والخطوط تحتاج تكون مضافة في ملف فيجما
ثريد عن كيفية إضافة الألوان والخطوط:
٤- Zeplin:
يسهل عملية تسليم التصميم للمطور بأن يجمع الواجهات على حسب وظيفتها مثلاً كل الواجهات المتعلقة بعملية إنشاء حساب ويساعد المبرمج على استخراج الألوان والخطوط و components المستخدمة في التصميم.
figma.com
يسهل عملية تسليم التصميم للمطور بأن يجمع الواجهات على حسب وظيفتها مثلاً كل الواجهات المتعلقة بعملية إنشاء حساب ويساعد المبرمج على استخراج الألوان والخطوط و components المستخدمة في التصميم.
figma.com
٥- Mapsicle:
إذا تحتاج تضيف خريطة لواجهة، تقدر تستخدم هذي الإضافة. تحتاج تحدد إحداثيات المنطقة والإضافة تنتج خريطة للمنطقة المحددة.
figma.com
إذا تحتاج تضيف خريطة لواجهة، تقدر تستخدم هذي الإضافة. تحتاج تحدد إحداثيات المنطقة والإضافة تنتج خريطة للمنطقة المحددة.
figma.com
٧- Writer For Figma:
هذي الإضافة تساعدك في تحديد الأخطاء في القواعد اللغوية والأخطاء النصية وتعديلها لك.
figma.com
هذي الإضافة تساعدك في تحديد الأخطاء في القواعد اللغوية والأخطاء النصية وتعديلها لك.
figma.com
٨- Beautiful Shadows:
اذا تحتاج تضيف ظلال (Shadow) لجزء من التصميم، هذي الإضافة تساعدك في إنتاج الظلال.
figma.com
اذا تحتاج تضيف ظلال (Shadow) لجزء من التصميم، هذي الإضافة تساعدك في إنتاج الظلال.
figma.com
٩- Layer Styles:
هذي الإضافة تساعدك في حفظ تصميم طبقات معينة من التصميم مثل البطاقات والأزرار عشان تقدر تطبق التصميم على بقية الطبقات لجزيئات اخرى.
figma.com
هذي الإضافة تساعدك في حفظ تصميم طبقات معينة من التصميم مثل البطاقات والأزرار عشان تقدر تطبق التصميم على بقية الطبقات لجزيئات اخرى.
figma.com
١٠- Design Lint:
هذي الإضافة تساعدك في اكتشاف الأخطاء في التصميم مثل حواف غير متناسقة، الوان او خطوط مستخدمة في التصميم غير محفوظة في ملف فيجما وغيرها.
figma.com
هذي الإضافة تساعدك في اكتشاف الأخطاء في التصميم مثل حواف غير متناسقة، الوان او خطوط مستخدمة في التصميم غير محفوظة في ملف فيجما وغيرها.
figma.com
تكملة بقية الإضافات بتكون في درس غداً بإذن الله💙.
جاري تحميل الاقتراحات...