.

السلام عليكم ورحمة الله وبركاته.

موضوع جديد وترجمة جديدة لمقطع أراه مفيد ومهم لمن يريد اللحاق بآخر أخبار تطورات مجال التصميم. ولأن أدوات التصميم الآن باتت كثيرة من تطبيقات الى مواقع تتيح لك تصميم ماتريده من المتصفح اليوم لفت انتباهي مقطع جديد للمصممة Charli Marie حيث تقول انها وبعد 4 سنوات من العمل على برنامج Sketch قررت الإنتقال للعمل على برنامج Figma وهو عبارة عن موقع يتيح لك تصميم واجهات لمواقع والتطبيقات من خلال متصفحك سواء كان قوقل كروم او فايرفوكس او غيرها. فنبدأ على بركة الله.

أدوات التصميم !

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

في البداية البرنامجين متشابهين بنسبة كبيرة جداً ولها نفس الفكرة. ولكن يوجد هناك تفاصيل صغيرة هي سبب انتقالي لبرنامج figma وترك برنامج sketch وهي كالتالي :

1- تستطيع مشاركة رابط المشروع الذي تعمل عليه مع شخص آخر ويستطيع هو العمل والتعديل على مشروعك واضافة التعليقات ونسخ بعض الأمور منه لكن في برنامج sketch كنت اضطر لإستخدام برنامج Slack لارسال الملف لكي يقوم بفتحه على جهازه ولو عمل تعديلات على ذلك الملف فلن تكون لدي تلك الحديثات. فأول نقطة اذا كنت تعمل بشكل جماعي وضمن فريق فخيار figma مناسب جداً لمشاركة الملفات والعمل الجماعي على المشاريع.

2- النقطة الثانية هي عندما تحذف محتويات ملف في figma فإن الملف حينما يصبح فارغ يحذف مباشرة لأنه لم يعد له فائدة ولكن في برنامج sketch هذا لايحدث. حيث بعد مدة من العمل ارى الكثير من الملفات والgroups الفارغة في مشروعي التي لافائدة منها.

3- تستطيع تفتيح لون لوحة الألوان او اختيار لون غامق بمجرد النقر على زر السهم للأعلى فسيصبح اللون أفتح وبالنقر على زر السهم للأسفل فسيكون اللون أغمق.

4- عندما اريد ارسال او ترتيب الطبقات في figma فكل ماعلي هو استخدام نفس الاختصار الذي في الفوتوشوب وهو بالنسبة لي كمستخدمه للماك ctrl وأزرار الأقواس {} ولكن في برنامج sketch فالأمر معقد قليلاً حيث الاختصار هو :

control + Alt + Cmd + Down arrow !!!

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

6- في برنامج sketch عندما تريد نسخ تنسيق وتطبيقه على عنصر مشابه فعند لصق التنسيق على العنصر فيقوم بلصق كامل التنسيق على العنصر الجديد. ولكن في figma أيضاً تستطيع عمل ذلك ولكن ايضاً تستطيع نسخ تنسيق النص فقط او الإطار فقط.

7- في برنامج figma ايضاً تستطيع عمل ملاحظات على العمل وهذه للمرة الثانية مفيدة جداً للعمل كفريق.

8- والآن مع أهم ميزة أعتقد, وهي ان figma مجاني !

لست مضطر حتى للدفع مع figma فكل ماتحتاجه لكي تصمم مشروعك بشكل كامل تستطيع عمله مع figma وبشكل مجاني. ايضاً لديهم خطط أخرى لمن يريدون العمل على عدد مشاريع اكثر. ولكن مع برنامج sketch فأنت مضطر لدفع 99$ مقابل رخصة سنوية وستستمر معك التحديثات حتى ينتهى اشتراكك وبعدها (اظن ان البرنامج سيستمر في العمل ولكن بدون تحديثات).

9- أيضاً تستطيع العمل على figma سواء كنت مستخدم للماك او للويندوز.

10- ملاحظة تحتاج للضغط على زر ctrl لتوسيع حقل العمل او مايسمى بالـ Artboard وهذا نوعاً ما كان مربك بالنسبة لي كأول مرة أستخدم فيها figma. سيأخذ ذلك قليلاً من الوقت حتى تعتاد على ذلك.

11- من الأشياء التي كانت مربكة لي كأول استخدام لي في figma وهي الصور. حيث كنت في sketch ألقي بالصور في حقل العمل وبعدها نقرتين مزدوجتين واستطيع تحرير وقص الصورة. ولكن في figma الأمر مختلف حيث عندما تضع الصورة فهو يأخذ الصورة على أساس انها حقل يوجد به صورة تستطيع تكرارها او تعديلها كيفما تشاء.

(تتضح الصورة بشكل أفضل في الفيديو)

12- حقيقية sketch ليس بالبرنامج العظيم بالنسبة لتحرير وصناعة الأشكال الـ vector , أجد نفسي مجبرة في أوقات كثيرة لأن أذهب الى برنامج Adobe illustrator لإنجاز بعض التصاميم هناك.

وكما قال المغرد Dave Soderberg : الجزء المفضل لدي في رسم أشكال الفيكتور في برنامج sketch هو اني ارسمها في برنامج أدوبي اليستريتور :)

بالنسبة لـ figma فيتعاملون مع هذا الأمر بشكل مختلف تماماً. شيء يسمونه Vector Networks. حيث ان المعتاد ان يتم وصل النقطة او الزاوية في الأشكال تكون موصولة بخطين فقط لكن في figma فالأمر يتعدى ذلك. المهم أنني الآن أفضل جل ما أريده عمله في figma دون الذهاب لبرنامج آخر مثل Adobe illustrator.

13- النقطة الأخيرة الجيدة حول figma هي أنها web-based tool أي أداة تعمل على المتصفح الخاص بك. وهذا أحد أسباب تأخري في استخدام figma وهي انني أجري الكثير من الأعمال والتصاميم بدون انترنت,مثل لو كنت في مقهى أو شبكة الإنترنت كانت سيئة أو كنت على متن طائرة مسافرة فلن أستطيع العمل على تصاميمي ! وهذا خاطئ تماماً حيث أنني استطيع ان افتح المشروع الذي اريده قبل ان يقطع اتصال الإنترنت لدي واترك النافذة تعمل واقوم بكل تصاميمي فيها وبعدها اتصل بالانترنت واقول بحفظ ماقمت به. وهذا قد يكون متعب أحياناً ان تفتكر ان تفتح المشروع قبل الركوب في الطائرة أو الذهاب الى المقهى.

14- معاناتي الآن انني لا استطيع الإستفادة من الملفات التي قمت بها على برنامج sketch فلو قمت بنسخ عنصر من sketch وأردت لصقه في figma فلن يعمل. وهذه تجعلني مضطره لعمل عناصري وتصاميمي من جديد مرة أخرى.

حتى الآن أعتقد ان هذا التحول من Sketch الى Figma تحول رائع بالنسبة لي لدرجة أني لم أفتقد Sketch حتى الآن.

.

انتهى الملخص. مقطع الفيديو هنا لمن أراد :