برامجمنوعات

فيجما Figma وأدوبي Adobe XD دليل مقارنة شاملة

المنافسة بين فيجما Figma وأدوبي Adobe XD بدأت عمليا منذ إصدار XD في عام 2015. في البداية لم تكن المنافسة شديدة للغاية، حيث فقدت إصدارات XD المبكرة الكثير من الميزات الرئيسية. لكن الأمور تغيرت خلال السنوات القليلة الماضية. نتيجة لذلك أصبح السباق بين التطبيقين الآن أكثر إحكاما، وصدقني لم يعد من السهل تحديد أيهما أكثر ملاءمة لك ولسير عملك.

ماهو FIGMA ؟

هو محرر رسومات متجه وأداة للنماذج الأولية. يعتمد بشكل أساسي على الويب مع بعض الميزات الإضافية مثل العمل في حالة عدم الإتصال بالإنترنت من خلال تطبيقات سطح المكتب. لنظامي التشغيل macOS و Windows.
تساعد Figma الفرق Teams على إنشاء واختبار وشحن تصميمات أفضل من البداية إلى النهاية. و تركز مجموعة ميزات Figma على الاستخدام في تصميم UI: User Interface و UX: User Experience، مع التركيز على التعاون في الوقت الفعلي.

ماهو Adobe XD؟

برنامج أدوبي XD هو من البرامج المميزة لتصميم واجهات الاستخدام بأنواعها المتعددة، ظهرت النسخة الأولية من أدوبي XD في عام 2015. وكان الهدف الأساسي منه هو تدعيم مصممي واجهة الاستخدام ببرنامج يلبي احتياجاتهم ويسهل العمل على المصممين ويجعلهم لا يقدمون على إستخدام برامج أخرى منافسة كـ Sketch و inVision وغيرها.

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

ما هو UI/UX ؟

أولاً لنفهم الفائدة الأساسية من Adobe XD أو Figma علينا أن نفهم ما هو معنى UI/UX Designer بشكل صحيح. فمصمم واجهة الاستخدام UI/UX Designer فعليا لا يقوم بكتابة الأكواد. ولكن كتابة الأكواد هي عمل UI/UX Developer. فالمصمم هو من يقوم بعمل مخطط للتصميم ثم يقوم المختص بتحويلها الى كود فعلي.


في بدايات ظهور هذا المجال كان النصيب الأكبر للتصميم بإستخدام الورقة والقلم (الرسم). اعتمد المصممين لاحقا على برامج مثل فوتوشوب و اليستراتور في تصميم واجهات الاستخدام. لكن مشكلة ثقل البرامج على بعض الأجهزة مثل فوتوشوب كانت عقبة كبرى.

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

والآن سنجري مقارنة عميقة وشاملة بين Figma و Adobe XD. لنكتشف مميزات كل منهما، وأيهما أفضل بشكل عام، وأفضل لعملك بشكل خاصة. فهيا نبدأ.

القسم 1: الأسعار ( بالدولار الأمريكي )

سوف نبدأ بالتسعير ومقارنة فروق كلا البرنامجين. سيكون لديك سياق لتقييم مقدار القيمة التي ستحصل عليها في كل حالة.

فيجما وأسعارها وحزمها

Figma فيجما: متوفر بثلاث حزم شرائية

أسعار اشتراك Figma
أسعار اشتراك Figma

تتمتع Figma بنسخة مجانية مع مساحة تخزين غير محدودة، كما ياتي بمحررين إثنين وثلاثة مشاريع. يمكن أن تحتوي المشاريع على عدد غير محدود من المستندات التي يمكن حفظها على السحابة Cloud Storage. يحتوي على خطتين مدفوعتين مع ميزات تركز على الفريق تسمى “Professional” و “Organization” بسعر 12 دولارا و 45 دولارا على التوالي شهريا.

أدوبي XD وأسعاره وحزمه

Adobe XD: أيضاً متوفر بثلاث حزم شرائية

أسعار اشتراك Adobe XD
أسعار اشتراك Adobe XD

يحتوي XD أيضا على حزمة مجانية بدون حدود للمشاريع، ولكن لا يمكن حفظ الملفات محليا ويجب حفظها في السحابة Cloud. كما أنه يأتي بسعة تخزين تبلغ 2 جيجابايت. الحزمة المدفوعة هي 9.99 دولار أمريكي شهريا. أو مضمنة في اشتراك Creative Cloud حاليا 52.99 دولار أمريكي شهريا. 

تتيح الحزمة المدفوعة توفيرا محليا وزيادة مساحة التخزين السحابية إلى 100 جيجابايت.

القسم 2: المنصات المدعومة

فيجما والمنصات المدعومة

1- متصفحات سطح المكتب:

يعمل فيجما على كلا النظامين ويندوز Windows و Mac (رسميا). أما بالنسبة لـ Linux فيعمل من خلال تطبيق Figma-linux الذي قام مجتمع المطورين بتهيأته لنا، كما يوفر الدعم للخطوط المثبتة محليا.
يمكن استخدام Figma للتحرير من أي متصفح يدعم WebGL. يتيح هذا أيضا التحرير عبر ChromeOS والأنظمة الأخرى المستندة إلى Linux / BSD. ويمكنك معاينة التصميمات بواسطة العملاء في متصفحات سطح المكتب.

2. متصفحات الأجهزة المحمولة:

يمكن معاينة التصميمات على نظامي تشغيل iOS و أندرويد. من خلال المتصفحات Safari و كروم. ويعمل أيضا على فيرفوكس.
تطبيق Figma Mirror يعمل على iOS أو أندرويد. ويحاكي الأجهزة المحمولة أكثر مما يفعله المتصفح للمعاينة.

أدوبي XD والمنصات المدعومة

1- متصفحات سطح المكتب: ويندوز وماك (رسميا).

2- متصفحات الأجهزة المحمولة:

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

نظام التشغيل الأساسي للمطورين

القسم 3: التعاون والمشاركة والمعاينة

1- التعاون Collaboration:

فيجما

  • باستخدام ميزة “Multiplayer” في Figma. يمكن تسجيل دخول أي عدد من الأشخاص وتحريرهم لأي مستند في وقت واحد. ستظهر الصورة الرمزية في شريط الأدوات العلوي. وسيتم عرض مؤشر كل شخص بلون مختلف وإرفاق اسمه به.
  • يمكنك أيضا تنشيط “وضع المراقبة Observation mode “بالنقر فوق الصورة الرمزية لأي مستخدم قام بتسجيل الدخول، وعلى نفس المستند الذي تستخدمه. وبمجرد التنشيط. سترى شاشتهم. وسيظهر لك كل إجراء يقومون به أثناء تنقلهم في المستند. كما يمكنك استخدام كلاهما لعرض مستند لشخص آخر. أو لمشاهدة شخص يتحرك عبر نموذج أولي لاختبار نقاط ضعفه.
  • ميزة مفيدة أخرى بشكل كبير الا هي “مكتبات الفريق Team Libraries”. والتي من خلالها يمكنك إنشاء أنظمة تصميم تتألف من مكونات قابلة لإعادة الاستخدام. وأنظمة ألوان وأنماط نصية لعملك الخاص، ويمكنك أيضا إتاحة أنظمة التصميم لفريقك بأكمله بحيث يعمل الجميع بنفس العناصر المشتركة.
  • الأهم من ذلك، تقوم Figma تلقائيا بحفظ ومزامنة أي تغييرات على المستندات وأنظمة التصميم. إن كان هناك شخص ما يعمل في مشروع مشترك وحدث تغيير، فسيتم إخطاره وسيتمكن من تحديث ما يراه على الفور حتى يكون جميع أعضاء الفريق متوافقين في جميع الأوقات، لا يلزم ذلك أي عملية تحميل ملفات أو تنزيلات أو عمليات دمج يدوية.

أدوبي XD

  • يحتوي XD أيضا على “الأصول المرتبطة Linked Assets” ، حيث إذا تم حفظ مستند في السحابة Cloud، يمكن الوصول إلى مكوناتها وأنماطها من مستندات أخرى. فإذا تم تغيير المكون الأصلي ثم حفظه في المستند المصدر، فسيتلقى المستند المرتبط إشعارا بأنه يمكنه التحديث لرؤية التغييرات. لمزيد من المعلومات اضغط هنا.
  • يمكنك أيضا تنظيم الأصول والوصول إليها من خلال مكتبات Creative Cloud. يبدو هذا مشابها للوظيفة الموجودة في مكتبات فريق Figma. لكن الميزات الموجودة لتسهيل هيكلة الفريق والتي يستخدمها الفرق في المشاريع ليست قوية بشكل كافي فإذا تم تحديث الأصول الأصلية من CC Library. فلن تتغير في المستندات الأخرى التي تستخدمها. لمزيد من المعلومات اضغط هنا.

2- المشاركة Sharing:

فيجما والمشاركات

واجهة برنامج فيجما Figma - إرسال دعوات
واجهة برنامج فيجما Figma – إرسال دعوات
  • يمكنك إرسال دعوات Invitations إلى أشخاص محددين. وتحديد ما إذا كان يمكنهم عرض التعليقات وتعديلها وإضافتها. 
  • إنشاء فرق وإضافة أشخاص لها، ثم المشاركة معهم. علاوة على ذلك، يمكنك مشاركة جميع المستندات في المشروع مع الفريق بدلا من الاضطرار إلى مشاركة مستند واحد في كل مرة.
  • هناك أيضا أربعة مستويات من الأذونات التي يمكن لأي شخص الحصول عليها: المشاهد أو المحرر أو المسؤول أو المالك. يمكن تعيين هذه الأذونات على مستوى الفريق والمشروع والمستند.
  • يمكنك مشاركة مستند عن طريق إرسال نفس الرابط Link الذي تستخدمه لتحرير المستند في المستعرض. وبالطبع يمكنك التحكم في ما يسمح عبر هذا الرابط. سواء كان ذلك التحرير أو العرض. وهذا يسهل بيئة المشاركة بين المصممين، على غرار GitHub أو CodePen، والتي سوف تدعمها صفحات مجتمع Figma القادمة. لمزيد من المعلومات اضغط هنا.

أدوبي XD والمشاركات

من الممكن في XD إنشاء ارتباط Shared Links إلى مستند مبني على الويب. يمكن إنشاء هذه الروابط بشكل محسّن optimized من أجل:

  • مراجعة التصميم
  • تسليم المطور
  • العروض
  • اختبار المستخدم
واجهة خيارات متقدمة ل Adobe XD

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

بداية من يونيو 2019. أصبح لدى XD القدرة على إرسال الدعوات الخاصة Private Invitations للأفراد عبر البريد الإلكتروني لعرض الروابط المشتركة.

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

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


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


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

القسم 4: التصميم

فيجما والتصميم

تعمل إطارات Figma كحاويات كما في اللوحات الفنية، ولكن يمكن لهذه الحاويات أن تمثل إطارات عرض وعناصر فرعية للتصميم مثل الأزرار وأقسام المحتوى وعناصر التنقل وما إلى ذلك.

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

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

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

بمجرد إنشاء شبكة ، يمكن حفظها كنمط شبكة وتطبيقها على أي إطار أو مكون. كما يمكنك حفظ العديد من أنماط الشبكة كما تريد.

شبكات التخطيط
شبكات التخطيط

أدوبي XD والتصميم

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

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

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

بعض الشركات التي تعمل ب فيجما وأدوبي xd

بعض الشركات التي تعمل ب فيجما وأدوبي xd
المصدر موقع Stackshare

ما قبل الختام

قد يمتد شرح المقارنة بين هذين العملاقين أكثر من 20 صفحة وذلك لعظمتهم وكثرة المميزات المتوفرة وما يقدموه من تسهيلات في عمل المصممين في يومنا هذا، لذلك سأكتفي بهذا جدول بسيط لمميزات كل برنامج

جدول يوضح ميزات كل برنامج ( المصدر موقع Medium)

نقاط القوة Adobe Xd

  • يدعم النماذج الأولية ،والسحابة Creative Cloud ويعمل بنمط غير متصل Offline.

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

نقاط القوة فيجما Figma

  • تدعم التعاون بين الفرق والتصميم، وهي تعمل عبر جميع المنصات Cross Platform.
  • إذا كان التعاون يمثل أولوية قصوى لك ولفريقك، فإن Figma لا مثيل لها حاليا في هذا المجال. لقد تم إنشاؤه من الألف إلى الياء مع وضع القدرة على التعاون في الاعتبار، وبالتالي سيكون من الصعب على أي تطبيق منافسته على الصدارة في المستقبل القريب.
  • كما أنه يتفوق حاليا على XD بشكل كبير كأداة تصميم، حيث يدعم الإطارات مقابل اللوحات الفنية في xd، والشبكات والأدلة، والتخطيط والمحاكاة المتجاوبة، وإنشاء الرسومات المتجهة، والخطوط.
  • وأخيرا ، إذا كان لديك أعضاء فريق يستخدمون لينكس أو ChromeOS ، فإن Figma لديها الدعم عبر هذه الأنظمة الأساسية.

الخاتمة

عندما ظهر Adobe XD لأول مرة، لم يكن في الواقع منافسة كبيرة لـ Figma على الإطلاق، حيث كان يعمل كخيار أفضل لمصممي الواجهة المستندة إلى Creative Cloud أكثر من Photoshop أو Illustrator. في حين أن Figma قد لا تزال متقدمة في الوقت الحالي، فإن XD قد قلل الفجوة حاليا.

ستستمر المنافسة بين فيجما Figma وأدوبي Adobe XD، ومن المؤكد أن كل برنامج يدفع الآخر لمواصلة التقدم. نرى الميزات التي كانت حصرية في إحداها تظهر في الأخرى على أساس منتظم إلى حد ما. وتؤدي المنافسة بينهما للابتكار ونتائج ممتازة لنا كمصممين.

لذا، أيا كان ما تقرر استخدامه، راقب ما يفعله الآخر، فمن يدري، قد يصبح المفضل لديك في أي لحظة.

ما هي نقاط القوة في Adobe Xd ؟

تتمتع XD بفرصة جيدة لتكون أفضل بالنسبة لك إذا كنت تعمل بالفعل في نظام Adobe البيئي. إذا كنت تستخدم برنامج Adobe وتريد شيئًا أفضل لتصميم الواجهة أكثر من AI أو PS ولكنك لا تزال في عائلة Creative Cloud ، فإن XD هو الحل المناسب لك.

ما هي نقاط القوة في فيجما Figma؟

تدعم التعاون بين الفرق Collaboration والتصميم ،وهي تعمل عبر جميع المنصات Cross Platform

هل يعمل فيجما Figma على نظام تشغيل ويندوز ؟

نعم يعمل على كل من ويندوز و ماك Windows و Mac و أيضاً Linux من خلال تطبيق Figma-linux الذي قام مجتمع المطورين بتهيأته

إقراء أيضاً

أفضل خمسة قوالب ووردبريس للمواقع الإخبارية والمدونات العربية RTL في 2021

كيفية استخدام إضافة Elementor لبناء مواقع ووردبريس باحترافية

موقع تجارة إلكترونية متعدد البائعين

استخدام ووردبريس متعدد المواقع MultiSite وفوائده

رعد قاسم

مطور ويب و كاتب محتوى تقني، مهتم بكل مجالات التقنية ومختص بكتابة المراجعات لكل ما يتعلق بجديد التكنولوجيا وعالم البرمجة.

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى