Figma एक पावरहाउस डिज़ाइन टूल है और डिज़ाइन प्रोग्राम के रूप में अधिकांश UX/UI डिज़ाइनरों की पहली पसंद है। Figma में आप बहुत कुछ बना सकते हैं, और यह सीखने का एक आसान प्रोग्राम है।
डिजाइनरों के रूप में, हम अक्सर समय बचाने की तलाश में रहते हैं, इसलिए हम अपना कीमती समय मेनू के माध्यम से फँसने के बजाय अच्छा काम बनाने में लगाते हैं। हमने उपयोगी फिग्मा शॉर्टकट्स की एक सूची संकलित की है जो आपके वर्कफ़्लो को सुव्यवस्थित करेगा।
यह सरल एक-कुंजी शॉर्टकट आपके आइटम को स्केल करने का एक तेज़ तरीका है। मारो क कुंजी, फिर उस वस्तु का चयन करें जिसे आपको आकार बदलने की आवश्यकता है। आपको बस इतना करना है कि एक एंकर पॉइंट पर क्लिक करें और खींचें और जो भी आपको चाहिए उसका आकार बदलने के दौरान आपकी वस्तु स्केल में रहती है।
प्रोटोटाइप डिजाइन के लिए कई फ्रेम बोर्ड बनाते समय फ्रेम टूल फिग्मा में एक बहुत अधिक उपयोग किया जाने वाला टूल है। साधते एफ आपके कीबोर्ड पर टूल एक टैप में सामने लाता है, जिससे आप अपने फ्रेम को जल्दी से खींच या आकार दे सकते हैं।
आप अपने कर्सर को क्लिक करके और खींचकर सीधे फ़्रेम खींच सकते हैं, या फ़्रेम टूल का चयन करने के बाद, आप अपने इच्छित आकार को फ़्रेम मेनू पर दाईं ओर आयाम बॉक्स में टाइप कर सकते हैं।
3. डिज़ाइन और प्रोटोटाइप मोड के बीच स्विच करें
बदलाव + इ शॉर्टकट आपको डिज़ाइन मोड और प्रोटोटाइप मोड के बीच स्विच करने की अनुमति देता है। आप किस मोड से शुरू करते हैं और स्विच करते हैं, इस पर ध्यान दिए बिना एक ही शॉर्टकट काम करता है। हमारा देखें फिग्मा के लिए शुरुआती गाइड इन तरीकों के बीच अंतर जानने के लिए।
वैकल्पिक रूप से, इस उद्देश्य के लिए अधिक विशिष्ट शॉर्टकट हैं। Alt (खिड़कियाँ) / विकल्प (मैक) + 8 प्रोटोटाइप मोड से डिजाइन मोड में स्विच करने के लिए इस्तेमाल किया जा सकता है, जबकि Alt (खिड़कियाँ) / विकल्प (मैक) + 9 डिज़ाइन मोड से वापस प्रोटोटाइप मोड में स्विच करता है। ज़ाहिर तौर से, बदलाव + इ आसान है, लेकिन विकल्प रखना अच्छा है।
4. एक क्लिक में अंतरतम तत्व का चयन करें (डीप सेलेक्ट)
कई परतों में या एम्बेडेड छवियों के साथ डिजाइन करते समय, एक तत्व को जल्दी से चुनना कठिन हो सकता है। अपनी सबसे निचली परत का चयन करने के लिए एक दर्जन बार जैसा महसूस होता है उस पर क्लिक करके समय बचाने के लिए, इसके बजाय इस शॉर्टकट का उपयोग करें।
Mac पर, होल्ड करें अध्यक्ष एवं प्रबंध निदेशक + क्लिक तत्व, और विंडोज़ पर, सीटीआरएल + क्लिक. एक साधारण कुंजी नीचे-परत तत्व का चयन करने के लिए बिना सोचे-समझे क्लिक करने से बचाती है।
5. अंतरतम तत्व का चयन करने के बाद एक स्तर से बाहर निकलें
एक बार जब आप अपने डिजाइन के अंतरतम तत्व का चयन कर लेते हैं, तो आप महसूस कर सकते हैं कि आप एक तत्व को एक स्तर के करीब-आसान चुनना चाहते हैं। एक बार जब आपको अंतरतम तत्व मिल जाए, तो हिट करें बदलाव + प्रवेश करना एक स्तर पीछे जाने के लिए। आप इसे सभी स्तरों के लिए कर सकते हैं।
6. सभी परतों को संक्षिप्त करें
Figma में डिजाइन करते समय, आपके लेयर्स पैनल का विस्तार होना शुरू हो जाएगा और संभावित रूप से थोड़ा गन्दा दिखाई देगा, खासकर जब आप HTML को Figma डिज़ाइन में बदलें. अपनी परतों को ढहाने के लिए, बस हिट करें Alt + एल (विंडोज़) या विकल्प + एल (Mac)।
यदि आपने इस शॉर्टकट का उपयोग करते समय कोई तत्व चुना है, तो उस तत्व वाली परत खुली रहेगी। सभी तत्वों को अचयनित करने के लिए आर्टबोर्ड से कहीं भी चयन करें और सभी परतों को संक्षिप्त करने के लिए शॉर्टकट का उपयोग करें।
7. लेआउट ग्रिड दिखाएं या छुपाएं
लेआउट ग्रिड का उपयोग करना यह सुनिश्चित करने का सबसे अच्छा तरीका है कि आपका डिज़ाइन निश्चित अनुपातों को हिट करता है और विभिन्न उपकरणों के लिए सही ढंग से स्केल कर सकता है। जबकि वे सहायक होते हैं, आप हमेशा नहीं चाहते कि ग्रिड प्रदर्शित हों।
विंडोज़ की तुलना में मैक पर लेआउट ग्रिड को चालू और बंद करना अलग है। मैक पर, हिट करें सीटीआरएल + जी इसे चालू या बंद करने के लिए। यदि आप Windows का उपयोग कर रहे हैं, तो यह तीन-कुंजी शॉर्टकट है; सीटीआरएल + बदलाव + 4. वे अलग हैं, लेकिन वे एक ही काम करते हैं।
8. एक साथ कई तस्वीरें लगाएं
यदि आपने अपनी छवियों के लिए प्लेसहोल्डर आकृतियों के साथ एक लेआउट तैयार किया है, तो छवियों को एक-एक करके सम्मिलित करना निराशाजनक हो सकता है। यह शॉर्टकट आपको कई फ़ोटो रखने की अनुमति देता है और बस प्लेसहोल्डर का चयन करें - या अपने आर्टबोर्ड पर कहीं भी - प्रत्येक व्यक्तिगत फ़ोटो को रखने के लिए।
मैक उपयोगकर्ताओं के लिए, हिट करें अध्यक्ष एवं प्रबंध निदेशक + बदलाव + क अपनी छवियों को खोजने के लिए संवाद विंडो को ऊपर खींचने के लिए। विंडोज़ पर, यह है सीटीआरएल + बदलाव + क आपके Figma डिज़ाइन में कई फ़ोटो ढूंढने और लगाने के लिए। अगर आप Figma में एक मास्टर टेम्प्लेट बनाएं, यह उपयोग करने के लिए एक बढ़िया शॉर्टकट है।
9. किसी भी छवि को पीएनजी के रूप में कॉपी करें
अपने Figma डिज़ाइन में छवियों का उपयोग करते समय, आपके पास फ़ाइल स्वरूपों का वर्गीकरण हो सकता है, लेकिन शायद आपके क्लाइंट को PNG की आवश्यकता होती है। आप किसी भी छवि को PNG के रूप में कॉपी कर सकते हैं, चाहे उसका मूल स्वरूप कुछ भी हो।
अपनी चुनी हुई छवि का चयन करें और हिट करें अध्यक्ष एवं प्रबंध निदेशक + बदलाव + सी मैक पर और सीटीआरएल + बदलाव + सी विंडोज़ पर इसे पीएनजी के रूप में कॉपी करने के लिए। उच्च-मानक छवि प्रारूप सुनिश्चित करने के लिए आप आसानी से इस शॉर्टकट का उपयोग कर सकते हैं, खासकर यदि आप हैं Figma के साथ प्रस्तुतियाँ बनाना.
10. आईड्रॉप ए कलर फ्रॉम एनीव्हेयर
जब आप अपने डिजाइन के एक हिस्से से दूसरे हिस्से में रंग ले रहे हों तो रंग को आईड्रॉप करना एक उपयोगी विशेषता है। यह त्वरित कीबोर्ड शॉर्टकट आपको आईड्रॉपर को एक सेकंड में ऊपर खींचने देता है और आपके आर्टबोर्ड पर कहीं से भी रंग बदल देता है।
मैक पर, हिट करें सीटीआरएल + सी, और विंडोज़ पर यह अक्षर कुंजी है मैं. एक बार जब आप कीबोर्ड शॉर्टकट हिट कर लेते हैं, तो आईड्रॉपर लक्ष्य को उस रंग पर ले जाएं, जिसका आप उपयोग करना चाहते हैं, और रंग बदलने के लिए एक बार क्लिक करें।
11. संसाधन टैब खोलें
संसाधन टैब घटक, प्लगइन्स और विजेट मेनू का घर है। हालांकि उन मेनू को अलग-अलग खोलने के लिए शॉर्टकट नहीं हैं, फिर भी संसाधन शॉर्टकट कुछ समय बचाता है: बदलाव + मैं. तुम कर सकते हो अपने Figma डिजाइनों में मॉकअप बनाने और जोड़ने के लिए प्लगइन्स का उपयोग करें.
फिग्मा शॉर्टकट्स के साथ समय बचाएं
डिजाइनर आमतौर पर समय और ऊर्जा बचाने के लिए अपने काम में शॉर्टकट का उपयोग करते हैं, और फिग्मा में काम करना अलग नहीं है। ये Figma शॉर्टकट केवल उन शॉर्टकट्स की सतह को खरोंचते हैं जिनका आप प्रोग्राम में उपयोग कर सकते हैं।
ये शॉर्टकट स्पष्ट नहीं हैं या आसानी से नहीं मिलते हैं, इसलिए अपनी नई सीख को Figma पर ले जाएं और उस जानकारी का आनंद लें जिसे समझने में कई डिजाइनरों को महीनों या वर्षों का समय लगता है।
