تعد Figma أداة تصميم قوية وهي الخيار الأول لمعظم مصممي UX / UI كبرنامج تصميم. يمكنك إنشاء الكثير داخل Figma ، وهو برنامج سهل التعلم.
بصفتنا مصممين ، نتطلع غالبًا إلى توفير الوقت ، لذلك نقضي ساعاتنا الثمينة في إنشاء عمل جيد بدلاً من البحث في القوائم. قمنا بتجميع قائمة من اختصارات Figma المفيدة التي ستعمل على تبسيط سير عملك.
يعد هذا الاختصار البسيط المكون من مفتاح واحد طريقة سريعة لتوسيع نطاق العناصر الخاصة بك. ضرب ك مفتاح ، ثم حدد الكائن الذي تريد تغيير حجمه. كل ما عليك فعله هو النقر على نقطة ربط واحدة وسحبها ويظل الكائن الخاص بك في الحجم أثناء تغيير الحجم إلى ما تريده.
أداة الإطار هي أداة مستخدمة كثيرًا في Figma عند إنشاء لوحات إطارات متعددة لتصميمات النماذج الأولية. ضرب F على لوحة المفاتيح ، يمكنك إحضار الأداة بنقرة واحدة ، مما يتيح لك رسم إطارك أو تغيير حجمه بسرعة.
يمكنك رسم الإطار مباشرة عن طريق النقر على المؤشر وسحبه ، أو بمجرد تحديد أداة الإطار ، يمكنك كتابة الأحجام المقصودة في مربعات الأبعاد في قائمة الإطار على اليمين.
3. التبديل بين وضعي التصميم والنموذج الأولي
ال يحول + ه يسمح لك الاختصار بالتبديل بين وضع التصميم ووضع النموذج الأولي. يعمل نفس الاختصار بغض النظر عن الوضع الذي تبدأ منه وتتحول إليه. انظر لدينا دليل المبتدئين إلى Figma لمعرفة الاختلافات بين هذه الأوضاع.
بدلاً من ذلك ، هناك اختصارات أكثر تحديدًا لهذا الغرض. بديل (شبابيك) / خيار (ماك) + 8 يمكن استخدامها للتبديل من وضع النموذج الأولي إلى وضع التصميم ، بينما بديل (شبابيك) / خيار (ماك) + 9 ينتقل من وضع التصميم إلى وضع النموذج الأولي. بوضوح، يحول + ه أسهل ، ولكن من الجيد أن يكون لديك خيارات.
4. حدد العنصر الداخلي بنقرة واحدة (تحديد عميق)
عند التصميم في طبقات متعددة أو باستخدام صور مضمنة ، قد يكون من الصعب تحديد عنصر واحد بسرعة. لتوفير الوقت في النقر فوق ما يشبه عشرات المرات لتحديد الطبقة السفلية ، استخدم هذا الاختصار بدلاً من ذلك.
على جهاز Mac ، اضغط مع الاستمرار على كمد + انقر العنصر وعلى Windows ، كنترول + انقر. مفتاح واحد بسيط يوفر دقائق من النقر الطائش لتحديد عنصر الطبقة السفلية.
5. تحرك خارج مستوى بعد تحديد العنصر الداخلي
بمجرد أن تنتهي من اختيار العنصر الأعمق في تصميمك ، قد تدرك أنك تريد تحديد عنصر أقرب بمستوى واحد — سهل. بمجرد العثور على العنصر الأعمق ، اضغط يحول + يدخل للعودة إلى مستوى. يمكنك القيام بذلك لجميع المستويات.
6. تصغير كل الطبقات
عند التصميم في Figma ، ستبدأ لوحة الطبقات الخاصة بك في التوسع ومن المحتمل أن تبدو فوضوية بعض الشيء ، خاصة عندما تكون أنت تحويل HTML إلى تصميم Figma. لطي الطبقات الخاصة بك ، ما عليك سوى الضغط على بديل + إل (Windows) أو خيار + إل (ماك).
إذا كان لديك عنصر محدد أثناء استخدام هذا الاختصار ، فستظل الطبقة التي تحتوي على هذا العنصر مفتوحة. حدد أي مكان خارج لوح الرسم لإلغاء تحديد كل العناصر واستخدم الاختصار لطي كل الطبقات.
7. إظهار أو إخفاء شبكات التخطيط
يعد استخدام شبكات التخطيط هو أفضل طريقة لضمان وصول تصميمك إلى نسب معينة ويمكنه القياس بشكل صحيح لمختلف الأجهزة. على الرغم من كونها مفيدة ، إلا أنك لا تريد دائمًا ظهور الشبكات.
يختلف تبديل شبكات التخطيط وإيقاف تشغيلها على جهاز Mac عن نظام Windows. على جهاز Mac ، اضغط على كنترول + جي للتبديل بين تشغيله أو إيقاف تشغيله. إذا كنت تستخدم Windows ، فهو اختصار من ثلاثة مفاتيح ؛ كنترول + يحول + 4. إنهم مختلفون ، لكنهم يفعلون نفس الشيء.
8. ضع عدة صور مرة واحدة
إذا كنت قد صممت تنسيقًا بأشكال عناصر نائبة جاهزة لصورك ، فقد يكون من المحبط إدراج الصور واحدة تلو الأخرى. يتيح لك هذا الاختصار وضع صور متعددة وتحديد العنصر النائب ببساطة - أو في أي مكان على لوح الرسم - لوضع كل صورة فردية.
لمستخدمي Mac ، اضغط على كمد + يحول + ك لسحب نافذة الحوار للعثور على صورك. على Windows ، إنه كنترول + يحول + ك من أجل العثور على صور متعددة ووضعها في تصميم Figma الخاص بك. اذا أنت قم بإنشاء قالب رئيسي في Figma، هذا اختصار رائع للاستخدام.
9. انسخ أي صورة بتنسيق PNG
عند استخدام الصور في تصميم Figma الخاص بك ، قد يكون لديك مجموعة متنوعة من تنسيقات الملفات ، ولكن ربما يحتاج عميلك إلى PNGs. يمكنك نسخ أي صورة بصيغة PNG بغض النظر عن تنسيقها الأصلي.
حدد الصورة التي اخترتها واضغط كمد + يحول + ج على Mac و كنترول + يحول + ج على Windows لنسخه كملف PNG. يمكنك بسهولة استخدام هذا الاختصار لضمان تنسيق صورة عالي المستوى ، خاصة إذا كنت كذلك إنشاء عروض تقديمية باستخدام Figma.
10. قطرة لون من أي مكان
يعد قص لون ما ميزة مفيدة عند نقل لون من جزء من تصميمك إلى جزء آخر. يتيح لك هذا الاختصار السريع للوحة المفاتيح سحب الشافطة لأعلى في ثانية وحمل لون من أي مكان على لوح الرسم الخاص بك.
على Mac ، اضغط على كنترول + ج، وعلى نظام التشغيل Windows هو مفتاح الحرف أنا. بمجرد الضغط على اختصارات لوحة المفاتيح ، حرك هدف القطارة فوق اللون الذي تريد استخدامه ، وانقر مرة واحدة لحين اللون.
11. افتح علامة التبويب "الموارد"
تعد علامة التبويب الموارد موطنًا لقوائم المكونات والإضافات والأدوات. على الرغم من عدم وجود اختصارات لفتح هذه القوائم بشكل فردي ، لا يزال اختصار الموارد يوفر بعض الوقت: يحول + أنا. أنت تستطيع استخدم الإضافات لإنشاء وإضافة نماذج بالأحجام الطبيعية لتصميمات Figma الخاصة بك.
وفر الوقت مع اختصارات Figma
يستخدم المصممون عادةً الاختصارات في عملهم لتوفير الوقت والطاقة ، ولا يختلف العمل في Figma. تعمل اختصارات Figma هذه فقط على خدش سطح الاختصارات التي يمكنك استخدامها في البرنامج.
هذه الاختصارات ليست واضحة أو يسهل العثور عليها ، لذا اصطحب ما تعلمته إلى Figma واستمتع بالمعلومات التي يستغرقها العديد من المصممين شهورًا أو أعوامًا لاكتشافها.
