سواء كنت مصمم جرافيك مستقل أو مصمم UI / UX داخلي ، فإن إتقان Figma يمكن أن يساعدك على تسلق سلم مهنة ناجحة.

مع أخذ ذلك في الاعتبار ، إليك أفضل ميزات Figma التي نعتقد أنه يجب على جميع المصممين استخدامها...

ما هو فيجما؟

فيجما هي أداة تصميم رسومية متقدمة تستند إلى الويب توفر عملًا تعاونيًا من الجيل التالي على النماذج الأولية UI / UX. إنه تطبيق قوي يمكّنك من إنشاء تصميمات UX فريدة من نوعها سهلة الاستخدام ولكنها احترافية.

لذلك ، سواء كنت مؤسسًا في مجالك أو بدأت للتو مسيرتك المهنية كمصمم UI / UX أو مصمم رسومات ، فإليك أفضل ميزات Figma للتعامل معها.

1. المتغيرات لإدارة المكونات

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

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

2. قوائم نقطية

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

instagram viewer

متعلق ب: Adobe XD: أداة تصميم UI و UX المجانية التي يمكنك استخدامها الآن

3. قم بتوصيل حسابات Figma متعددة

قم بالوصول إلى جميع حسابات Figma ومساحات العمل وملفات تعريف المجتمع على شاشة واحدة. يمكنك الاستمرار في تسجيل الدخول إلى ما يصل إلى 10 حسابات فيجما. يمكنك التبديل بسرعة إلى أي مساحة عمل من الزاوية العلوية اليسرى لشاشة Figma. بالنسبة للحسابات ، انقر فوق الزاوية العلوية اليمنى لفتح مبدل الحساب.

4. علامة تبويب الفحص المحدّثة

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

5. قائمة تبديل المثيل

قامت Figma بتجديد قائمة Instance Swap في عام 2020 لتشمل قائمة بأسلوب الدفع. يسمح للمصممين بالتصفح بين المكونات دون عناء.

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

6. مكتبة ملفات المجتمع فيجما والمكونات الإضافية

تمتلك Figma منصة مجتمعية غنية بالموارد حيث يمكنك نشر مشاريعك حتى يتمكن زملائك الأعضاء من فحصها أو إعادة صياغتها. يوجد الآلاف من المبدعين ويمكنك الحصول على الموارد التالية:

  • افتح مكتبة الأشكال التوضيحية
  • تصميم عن بعد الركض
  • طقم تصميم المواد
  • قوالب فيجما

تعد ملحقات Figma عالية الأداء ، وفي نفس الوقت مستقرة وآمنة. في وقت كتابة هذا التقرير ، يتوفر أكثر من 40 مكونًا إضافيًا حصريًا ، والقائمة تتزايد في العدد. في اشتراكات المؤسسة ، يمكنك توزيع المكونات الإضافية الخاصة داخل الشركة. بعض الإضافات المفيدة التي يمكنك استخدامها هي:

  • أتمتة المهام المتكررة داخل إطارات Figma
  • تصميم المكونات الإضافية لاكتشاف الأخطاء
  • المكونات الإضافية لمجتمع البيانات

7. تكامل Zeplin

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

تعمل Figma و Zeplin أيضًا معًا لتقديم ميزة التحديث المباشر الجديدة لمكونات Figma إلى Zeplin.

8. تحديث المشروع في الوقت الحقيقي

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

ومع ذلك ، من خلال التحديث في الوقت الفعلي ، يعتني تطبيق Figma نفسه بتبادل النموذج الأولي وتحديثاته داخل أعضاء الفريق.

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

متعلق ب: ما هو الفرق بين تصميم واجهة المستخدم و UX؟

9. نماذج أولية بديهية ومباشرة

مع Figma ، تكون النماذج الأولية سهلة للغاية وخالية من الفوضى ، لأنها تتضمن الانتقال من إطار إلى إطار. Figma هي أداة الكل في واحد ، ولا تحتاج إلى أداة مراجعة من طرف ثالث مثل Marvel أو InVision.

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

يمكن للمطورين الوصول بسهولة إلى سير عمل تصميم المشروع ، وترك تعليقات للمصمم ، والحصول على سمات وقياسات CSS.

متعلق ب: أمثلة بسيطة لرمز CSS يمكنك تعلمها في 10 دقائق

10. مشاركة ملاحظات مراجعة التصميم

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

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

يجعل فيجما التصميم والنماذج الأولية أمرًا سهلاً

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

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

بريد إلكتروني
كيف تحافظ على اتساق علامتك التجارية مع Adobe Spark

باستخدام Adobe Spark ، يمكنك تعيين الألوان والخطوط والشعارات لملف تعريف العلامة التجارية ، مما يسهل إنشاء تصميمات متسقة.

اقرأ التالي

مواضيع ذات صلة
  • إنترنت
  • مبدع
  • التصميم الجرافيكي
عن المؤلف
تامال داس (1 المقالات المنشورة)المزيد من Tamal Das

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

خطوة أخرى أيضا…!

يرجى تأكيد عنوان بريدك الإلكتروني في البريد الإلكتروني الذي أرسلناه لك للتو.

.