تُعدّ أدوات التصميم جزءًا أساسيًا من عملية تحسين مظهر أي منتج ويب. إلا أن معظم هذه الأدوات برامج ثقيلة تتطلب مواصفات عالية من جهاز المستخدم وتستهلك معظم ذاكرة الوصول العشوائي (RAM) أثناء التشغيل. كما أن هذه الأدوات لا تتيح للمستخدمين الاستفادة من جميع وظائفها إلا بعد شراء باقاتها المدفوعة باهظة الثمن. ولحل هذه المشكلات، يحتاج المطورون إلى برامج خفيفة ورخيصة يمكن استخدامها على أي جهاز بمواصفات متوسطة.
مقدمة
يُعدّ Figma خيارًا ملائمًا للغاية يُلبي جميع احتياجات المطورين. فهو أداة تصميم مجانية تعمل عبر المتصفح، وتكتسب شعبية متزايدة بين المطورين. يوفر Figma تجربة استخدام سلسة بفضل ميزاته الرائعة والسهلة.
هنا نناقش دليلاً كاملاً لاستخدام Figma بكامل إمكانياته.
في السابق، كان المصممون والمطورون يتواصلون عبر البريد الإلكتروني فقط، مما أدى إلى عملية معقدة تتضمن العديد من المرفقات وتجربة سيئة في التعامل معها. ثم ظهرت العديد من الأدوات الحديثة التي سهّلت سير العمل للمصممين والمطورين. ولكن، بقيت مشكلة كبيرة أخرى تتمثل في الحفاظ على تزامن ملفات المشروع بين الأدوات المختلفة. لذا، كانت هناك حاجة ماسة إلى عملية أكثر كفاءة.
ثم ظهر برنامج Figma بسلاسة استخدامه. وبما أنه أداة تعمل عبر المتصفح، يمكن للجميع استخدامه بسهولة على أي نظام تشغيل. كما يوفر على المستخدمين عناء تثبيت برامج إضافية غير ضرورية لدعم أداة التصميم. وبفضل كونه أداة سحابية، يوفر Figma دائمًا أحدث إصدار من التصميم لكل مستخدم. وقد أصبح التعاون والتواصل أسهل بكثير مع هذه الأداة.
يُقدّم Figma خدماته أيضًا كتطبيق سطح مكتب لأنظمة Windows و macOS. تطبيق سطح المكتب هو تطبيق متعدد المنصات، مثل Slack و Visual Studio Code. على الرغم من أن تطبيق سطح المكتب وتطبيق المتصفح يُقدّمان وظائف متطابقة تقريبًا، إلا أن تطبيق سطح المكتب يدعم استخدام الخطوط المحلية بشكلٍ مُدمج، بينما يتطلب استخدام الخطوط المحلية في نسخة المتصفح تثبيت Figma Font Helper.
لتوفير بيئة عمل منظمة، يقسم برنامج Figma واجهته إلى ثلاثة أجزاء رئيسية. تتضمن لوحة رسم كبيرة في المنتصف، وشريطًا جانبيًا على اليسار، وشريط أدوات على اليمين. تُستخدم لوحة الرسم لعرض جميع التصاميم عليها. يحتوي الشريط الجانبي الأيسر على الأصول والطبقات والصفحات الخاصة بالملف. أما شريط الأدوات الأيمن، فيُستخدم لعرض جميع المعلومات المتعلقة بعناصر الملف.
يتكون الملف عادةً من عدة صفحات، تحتوي كل منها على لوحة رسم. يستخدم المصممون هذه الصفحات المتعددة لتنظيم أجزاء الملف المختلفة في صفحات منفصلة. لذا، ينبغي على أي مستخدم جديد لبرنامج Figma أن يتعرف أولاً على هذه الصفحات المختلفة ليتمكن من العمل معها بطريقة أكثر تنظيماً.
التنقل داخل فيجما
- سيساعدك الضغط على مفتاح Ctrl / Cmd والتمرير لأعلى / لأسفل أو الضغط على مفتاحي + و - في التكبير أو التصغير.
- الضغط على مفتاح المسافة والسحب بالماوس سيجعلك تقوم بالتمرير أفقيًا على اللوحة.
هناك العديد من الاختصارات المريحة التي تُسهّل عليك استخدام Figma بكفاءة أكبر. ولكن لا داعي للقلق بشأن حفظها جميعًا، إذ يمكنك دائمًا استعراضها بالضغط على Ctrl/Cmd + Shift + ؟
اختيار أنماط المشروع
يمكنك اختيار جميع الألوان والخطوط والشبكات والأنماط الأخرى للتصميم من الشريط الجانبي الأيمن. لإلغاء اختيارك، انقر في أي مكان على لوحة الرسم أو اضغط على مفتاح Esc. يمكنك الاطلاع على جميع معلومات نمط أي عنصر بالنقر على أيقونة التحرير بجوار عنصر النمط.
اقرأ: كيفية الانتقال من دروبال إلى ووردبريس: دليل شامل
تحديد عناصر النمط
يمكنك تحديد أي طبقة معينة بالضغط على مفتاح Command أثناء النقر أو بالنقر بزر الماوس الأيمن على العنصر لفتح قائمة جميع الطبقات المتداخلة وتحديد الطبقة التي تريدها.
بعد تحديد عنصر، يمكن استخلاص معلومات CSS الخاصة به من علامة التبويب "الرمز" في الشريط الجانبي الأيمن. مع ذلك، يتم إنشاء CSS تلقائيًا، لذا يُنصح بعدم نسخه ولصقه في مشروعك الرئيسي.
بعض الخطوات الأكثر أهمية
- يتيح لك الضغط على مفتاح "Alt" وتحريك مؤشر الماوس فوق عنصر ما قياس المسافات بين العناصر ووضعها في الموضع الصحيح.
- يجب عليك تحديد أحد الأصول على أنه قابل للتصدير لتصديره. بعد ذلك، يمكنك استخدام الاختصار Shift + Cmd / Ctrl + E لتصدير جميع الأصول المحددة للتصدير.
- يمكنك استخدام علامة التبويب "النموذج الأولي" في الشريط الجانبي الأيمن لعرض المعلومات المتعلقة بأي رسوم متحركة.
- النقر على أيقونة فقاعة الدردشة في شريط الأدوات العلوي أو الضغط على مفتاح "C" سينقلك إلى واجهة التعليقات، وستتمكن من كتابة تعليق حول أي عنصر بالنقر في أي مكان في التصميم.
هذا شرح مُوجز لبعض الإجراءات المهمة التي يمكنك اتباعها لتحقيق تجربة رائعة مع Figma. في Seahawk Media ، نبذل قصارى جهدنا دائمًا لتوفير أفضل المعلومات حول أي شيء لتسهيل استخدامه. للاستفادة من خدماتنا المتنوعة ، تواصل معنا . كما يمكنك زيارة مدونتنا للاطلاع على المزيد من المعلومات حول منتجاتنا الإلكترونية المختلفة.
