Figma

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

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

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

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

برنامج فيجما عونٌ كبير لمصممي UI/UX ومصممي الجرافيك، يستخدمونه لتحويل أفكارك واحتياجاتك إلى مواقع أو تطبيقات أو تصاميم احترافية عن طريق:

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

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

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

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

فور نشر مشروعك على الموقع سيبدأ مصممو الواجهات بتقديم عروضهم للعمل عليه، لتختار أفضل مصمم UI/UX يفيدك التالي:

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

وظف أخيرًا من وجدته الأقرب لمتطلبات مشروعك، وتابع معه سير العمل.

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

يتمثل الفرق الأساسي بين البرنامجين في أن Figma يعتمد كليًا على الإنترنت ولا يعمل دونه ويتأثر بجودة الاتصال بطبيعة الحال، لكنه بسبب هذه الخاصية لا يحتاج إلى تثبيت نهائيًا ويسمح بكثير من التعاون بين المصممين، أما Adobe XD فلا يشترط الاتصال بالإنترنت ليعمل ولا يتأثر به وإن كان قادرًا على رفع الملفات على نظام أدوبي السحابي Creative Cloud لمشاركتها مع الآخرين لكنه مع ذلك لا يُعدّ تعاونيًا في الزمن الحقيقي مثل Figma.