محتويات: 1. نظرة عامة على Figma; 2. مراجعة فيجما; 3. دروس فيجما: كيفية استخدامها؟; 4. بدائل فيجما والمقارنة; 5. أسئلة وأجوبة حول مراجعة Figma

مراجعة كل ميزة من ميزات Figma للحصول على تجربة تصميم ويب لا تصدق

سكايلر ريدتم التحديث في 28 فبراير 2023معدل الصور

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

جدول المحتويات

1. نظرة عامة على Figma 2. مراجعة فيجما 3. دروس فيجما: كيفية استخدامها؟ 4. بدائل فيجما والمقارنة 5. أسئلة وأجوبة حول مراجعة Figma

1. نظرة عامة على Figma

ما هي فيجما؟

علاوة على ذلك ، يُطلق على البرنامج المستند إلى الويب المصمم حصريًا لإنشاء واجهات مستخدم اسم Figma (UI). تم تطويره في عام 2015 من قبل مجموعة صغيرة من مطوري Google الذين يعتزمون إنشاء نهج أكثر فعالية للتعاون في مشاريع واجهة المستخدم. لقد اعتقدوا أن الأدوات الحالية مثل Photoshop و Sketch ليست متعددة الاستخدامات بدرجة كافية ، مما أثار حنقهم. لذلك شرعوا في تطوير شيء جديد لتمكين الأشخاص من إكمال المزيد من المهام بسرعة أكبر.

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

الايجابيات: تجربة وواجهة بسيطة.; أدوات للتعاون عبر الإنترنت.; يمكن الوصول إليه ويعتمد على الويب.; وهي متوفرة لأجهزة الكمبيوتر والأجهزة المحمولة.; التصميم متجاوب للغاية.; تعد مشاركة ملفاتك أمرًا سهلاً ومتاحًا في هذا التطبيق.; يتم تقديم قوالب قابلة للتخصيص.

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

لماذا استخدام Figma فوق Photoshop؟

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

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

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

◆ يعتبر Figma ممتازًا للمصممين لأنه لا يقصد منه أن يحل محل Photoshop. إنه تطبيق مصاحب لمساعدة مصممي مواقع الويب في تحسين عملهم.

2. مراجعة فيجما

التسعير فيجما

Figma هي أداة مجانية مع اشتراكات شهرية وسنوية بأسعار معقولة. العضويات الشهرية والسنوية المتميزة لـ Figma ، برنامج تصميم واجهة مجاني ، للمستخدمين المتميزين. بالطبع ، النسخة المجانية لها قيود. يمكن للمستخدمين عمل ثلاثة ملفات FigJam وثلاثة ملفات Figma. بالنسبة للمستهلكين غير الرسميين ، والفرق الصغيرة نسبيًا ، والمصممين المستقلين ، هذا ليس مروعًا.

بالنسبة للمستخدمين الذين دفعوا ، هناك ترقيتان متاحتان. مكتبات الفريق والمحادثات الصوتية وإضافات الملفات في Professional غير محدودة. مفيد إذا كنت بحاجة إلى الحفاظ على اتساق علامتك التجارية. الرسوم الشهرية هي $15 أو 14 جنيهًا إسترلينيًا أو 24 دولارًا أستراليًا لكل محرر. الأسعار الشهرية للمحررين هي $12 أو 11 جنيهًا إسترلينيًا أو 19 دولارًا أستراليًا للاشتراكات السنوية.

تبلغ تكلفة المؤسسة $45 / 41 جنيهًا إسترلينيًا / 71 دولارًا أستراليًا لكل محرر شهريًا بالاشتراك السنوي وتشمل كل ما يفعله Professional ، بالإضافة إلى المكتبات على مستوى المؤسسة والتحليلات وإدارة الملفات المركزية.

أرقام فيجما

يمكنك عرض شخصياتك المفضلة في الوضعيات التي تعجبك بمساعدة شخصيات الحركة PVC شديدة الوضوح والجذابة في سلسلة Figma. بالإضافة إلى ذلك ، يتم توضيح الأشكال في سلسلة Figma ، المصنوعة من ABS و PVC. كل شخصية تأتي مع حامل مرن. يتراوح ارتفاع الأشكال من 13 إلى 16 سم ، حسب ارتفاع الشخصية.

قوالب فيجما

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

◆ أطقم للإطار السلكي. تتيح لك مجموعة الإطار السلكي القائمة على المكونات الخاصة بنا التحقق من صحة أفكارك بسرعة وتسريع عملية تصميم موقع الويب.

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

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

ملحقات وأيقونات فيجما

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

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

التخطيط التلقائي فيجما

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

3. دروس فيجما: كيفية استخدامها؟

قم بإنشاء حساب Figma

قم بزيارة www.figma.com ، وانقر فوق تسجيل ، واملأ النموذج للبدء بـ Figma. عند الانتهاء من ذلك ، سيتم تشغيل Figma بشاشة بدء تبدو هكذا. للبدء ، حدد "ملف جديد" ، ثم هيا بنا!

استكشف واجهة Figma

تتميز واجهة Figma بمظهر وشعور بسيط للغاية ولكنها تخفي العديد من الإمكانات القوية.

◆ أداة. يمكن الوصول بسهولة إلى الأدوات التي من المحتمل أن تستخدمها كثيرًا - مثل الإطارات والأشكال والنصوص وما إلى ذلك -. (سنغطي هذه الأدوات خلال الأيام القليلة القادمة).

◆ خيارات. يتم عرض الخيارات الإضافية للأداة التي اخترتها في هذا القسم. يعرض Figma اسم الملف عند عدم اختيار أي عنصر (كما في المثال أعلاه). تظهر الاختيارات السياقية هنا عند تحديد كائن.

◆ طبقات. يتم سرد كل مكون من مكونات الملف وتصنيفه إلى إطارات ومجموعات.

◆ اللوحة القماشية. أنت تكمل وتقيم كل عملك هنا.

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

خلق إطار

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

أنشئ طبقة نص

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

يجب ترتيب الطبقات في مستطيل

لاختيار أداة المستطيل ، اضغط على ص. ارسم مستطيلاً على شكل زر حول النص الذي تم إنشاؤه حديثًا ..

محاذاة النص والمستطيل

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

تعديل الخط

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

حفظ وتسمية الملف

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

4. بدائل فيجما والمقارنة

أدوات
فيجما
كانفا
ميرو
زيبلين
Adobe XD
رسم
إنفيجن

الخطط والسعر	الواجهة والخبرة	تصميم	التعاون عبر الإنترنت
4.0	4.5	4.5	4.0
4.0	4.0	4.5	4.0
4.0	4.0	4.0	4.0
4.5	4.0	4.0	4.0
4.0	4.5	4.5	4.5
4.0	4.0	4.0	4.0
4.0	4.0	4.0	4.0

5. أسئلة وأجوبة حول مراجعة Figma

هل فيجما أسفل؟

قد يتعطل ملف Figma لعدة أسباب. يعد إعادة تشغيل جهاز الكمبيوتر هو الحل الأكثر شيوعًا. حاول إعادة تحميل الملف أو فتحه في متصفح مختلف إذا لم يفلح ذلك.

كيفية قص الشكل في Figma؟

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

هل فيجما سهل التعلم؟

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

استنتاج

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

هل وجدت هذا مفيدا؟

329 الأصوات