आप जैसे पाठक MUO का समर्थन करने में मदद करते हैं। जब आप हमारी साइट पर लिंक का उपयोग करके खरीदारी करते हैं, तो हम संबद्ध कमीशन अर्जित कर सकते हैं। और पढ़ें।

ग्राफिक डिज़ाइन सॉफ़्टवेयर की दुनिया बहुत बड़ी है और इसमें बहुत प्रतिस्पर्धा है। Figma एक डिजाइन टूल है जो दुनिया भर में UX/UI डिजाइनरों के लिए शीर्ष स्थान पर दौड़ रहा है। लेकिन आप इस सहज उपकरण के बारे में क्या जानते हैं?

हालांकि यह सरल है, यदि आप अन्य डिज़ाइन टूल के आदी हैं, तो सीखने की अवस्था भी है। आइए फिग्मा को देखें और इसका उपयोग कैसे करें। Figma 101 में आपका स्वागत है।

फिग्मा क्या है?

यदि आपने पिछले कई वर्षों में एक ग्राफिक डिजाइनर या वेब डिजाइनर के रूप में काम किया है, तो आपने फिग्मा के बारे में सुना होगा। आपने शायद इसका इस्तेमाल भी किया होगा।

Figma एक डिज़ाइन टूल है और यह वेब डिज़ाइन और अन्य के लिए Adobe XD, Adobe Photoshop, और Sketch जैसे विकल्पों पर बढ़ते हुए डिजिटल डिजाइनरों के लिए लगातार पसंदीदा बन गया है। हालाँकि, तब से Adobe ने 2022 में Figma का अधिग्रहण किया, कुछ बदलाव हो सकते हैं जो लीडरबोर्ड में फेरबदल करेंगे।

वहाँ हैं Figma के लिए कई उपयोग

instagram viewer
. यह मुख्य रूप से डिजिटल डिज़ाइन के लिए उपयोग किया जाता है, और आप प्रिंट के लिए CMYK में डिज़ाइन नहीं कर सकते। Figma के कुछ मुख्य उपयोगों में शामिल हैं:

  • प्रोटोटाइप
  • यूएक्स / यूआई डिजाइन
  • ऐप डिजाइन
  • वेब डिजाइन
  • प्रस्तुति डिजाइन

तुम कर सकते हो फिग्मा मॉकअप प्लगइन्स का उपयोग करें अपने डिजाइनों को दिखाने में मदद करने के लिए, वास्तविक वेबपेजों को फिग्मा डिजाइनों में बदलें प्लगइन्स का उपयोग करना, और यहां तक ​​कि बनाना फिग्मा डिजाइन के लिए मास्टर टेम्प्लेट दोहराए जाने वाले डिज़ाइन प्रकारों में आपका समय बचाने के लिए।

फिग्मा की लागत कितनी है?

आप पर एक Figma खाता मुफ्त में बना सकते हैं फिग्मा साइट या डाउनलोड करके फिग्मा ऐप. एक मुफ़्त खाता ऐप के सभी डिज़ाइन पहलुओं के लिए कार्यक्षमता प्रदान करता है। आप फिग्मा और के साथ डिजाइन कर सकते हैं FigJam-फिग्मा का सहयोग उपकरण.

यदि आप फिग्मा को शौकिया या एकमात्र फ्रीलांसर के रूप में उपयोग कर रहे हैं, तो फ्री फॉरएवर संस्करण लगभग सही है। आपके पास अभी भी सभी प्लगइन्स तक पहुंच है, आप असीमित सहयोगियों को आमंत्रित कर सकते हैं, असीमित व्यक्तिगत फाइलों का उपयोग कर सकते हैं, और सभी प्लेटफॉर्म से Figma का उपयोग कर सकते हैं।

जबकि Figma का मुफ्त संस्करण किसी भी मानक डिजाइनर के लिए पर्याप्त से अधिक प्रदान करता है, Figma Professional सदस्यता आपको इसकी अनुमति देती है टीम के साथियों को आमंत्रित करें, टीम पुस्तकालयों से काम करें, असीमित Figma फ़ाइलों और संस्करण इतिहास तक पहुंच प्राप्त करें, और अधिक, प्रति माह $12 के लिए संपादक। यदि आप एक छात्र या शिक्षक हैं, तो आप Figma Professional को निःशुल्क प्राप्त कर सकते हैं।

फिग्मा का उपयोग कैसे करें: मूल बातें

चाहे आप Figma ऐप का उपयोग करें या ब्राउज़र संस्करण का, आप आसानी से अनुसरण कर सकते हैं।

जब आप Figma खोलते हैं, तो आपको एक नई Figma फ़ाइल, एक नई FigJam फ़ाइल शुरू करने, या स्केच या Adobe XD जैसे किसी अन्य प्रोग्राम में बनाई गई फ़ाइल आयात करने के विकल्पों के साथ प्रस्तुत किया जाएगा। यदि आपने पहले Figma का उपयोग किया है, तो आप अपनी पिछली Figma परियोजनाओं को भी देखेंगे जिन्हें आप खोल सकते हैं और उन पर काम कर सकते हैं।

Figma कार्यक्षेत्र को नेविगेट करना

एक नई फ़ाइल खोलना शुरू में अरुचिकर लगता है। कई अन्य डिज़ाइन प्रोग्रामों के विपरीत, आप अपने आर्टबोर्ड या कैनवास से शुरू नहीं करते हैं, बल्कि एक पूरी तरह से रिक्त डिज़ाइन पृष्ठ से शुरू करते हैं। लेकिन प्रेरणा से भरे दिमाग के साथ, यह लंबे समय तक खाली जगह नहीं रहेगी।

शीर्ष बाएँ क्षैतिज मेनू के साथ शुरू होता है मुख्य मेन्यू चिह्न—फिग्मा लोगो। का चयन करना मुख्य मेन्यू, आप अपनी अन्य फ़ाइलों, Figma त्वरित क्रियाओं, विशिष्ट फ़ाइल विकल्पों, और प्लगइन्स, विजेट्स और पुस्तकालयों तक पहुँच के लिए नेविगेट कर सकते हैं।

अगला, आप पाएंगे कदम औजार (वी), साथ पैमाना औजार (क) इसके नीचे स्थित है। ये उपकरण तत्वों को हिलाने या आपके डिज़ाइन के भागों को ऊपर या नीचे करने के लिए हैं। और इन उपकरणों के दाईं ओर, आपको क्षेत्र उपकरण दिखाई देंगे, चौखटा (एफ), अनुभाग, और टुकड़ा, एक साथ बसा हुआ।

Figma में, एक फ्रेम वह है जिसे अन्य प्रोग्राम आर्टबोर्ड या कैनवास कह सकते हैं। चुनना चौखटा अपना कस्टम-आकार का कैनवास बनाने के लिए। चयनित होने पर, दाहिने हाथ का मेनू सामान्य डिवाइस आकारों के लिए प्रीमेड फ़्रेम विकल्प प्रस्तुत करेगा: स्मार्टफ़ोन, टैबलेट, डेस्कटॉप, स्मार्टवॉच, प्रस्तुतियाँ और सोशल मीडिया विकल्प। आप किसी भी कस्टम आकार को बनाने के लिए अपने फ्रेम को सीधे क्लिक और ड्रैग भी कर सकते हैं।

शीर्ष बाएँ मेनू पर वापस जाएँ, क्षेत्र के दाईं ओर उपकरण हैं आकार औजार, कलम उपकरण, और मूलपाठ औजार। उसके बाद, संसाधनों द्वारा—अवयव, प्लग-इन, और विजेट-और यह हाथ आपकी फ़ाइल के चारों ओर जाने के लिए उपकरण। और अंत में, टिप्पणियाँ उपकरण जो नोट्स बनाने और टीम के साथियों के साथ सहयोग करने के लिए बहुत अच्छा है।

फिग्मा डिजाइन मेनू

एक फ्रेम तैयार करने के साथ, इसके शीर्षक का चयन फ्रेम को सक्रिय करता है, जो डिजाइन के लिए तैयार है। दाहिने हाथ के मेनू के लिए शीर्षक दिखाता है डिज़ाइन, प्रोटोटाइप, और निरीक्षण. जैसा कि नाम से पता चलता है, डिज़ाइन विकल्प वह मेनू है जिसका उपयोग आप अपने फ़्रेम पर तत्वों को डिज़ाइन करने के लिए करेंगे।

जबकि प्रारंभिक डिज़ाइन मेनू कुछ हद तक सरल है, जैसे ही आप अपने डिज़ाइन में अधिक तत्व जोड़ते हैं, मेनू विकल्प विकसित होते हैं। सबसे पहले, मेनू संरेखण उपकरण, आकार देने वाले उपकरण के साथ ऊपर से नीचे तक चलता है, ऑटो लेआउट, लेआउट ग्रिड, परत, भरना, आघात, प्रभाव, और निर्यात. इनमें से कुछ को डिफ़ॉल्ट रूप से लेकिन क्लिक करके कम किया जाता है + साइन इन करें, आप कोई भी मेनू खोल सकते हैं या हिट कर सकते हैं – इसे कम करने के लिए।

एक बार जब आप प्रोजेक्ट के लिए अपना मुख्य फ्रेम तैयार कर लेते हैं, तो आप आकृतियाँ बनाने के लिए शेप टूल्स या पेन टूल्स का उपयोग कर सकते हैं छवि प्लेसहोल्डर जोड़ें, और आप टेक्स्ट टूल का उपयोग करके टेक्स्ट को उन तरीकों से जोड़ सकते हैं जो आपने शायद अन्य में किया है सॉफ़्टवेयर।

एक बार जब आपके पास फ़्रेम पर आकृतियाँ या पाठ हों, तो उन तत्वों को संपादित और डिज़ाइन करने के लिए विभिन्न दाहिने हाथ के मेनू विकल्पों का उपयोग करें। परत मेनू अस्पष्टता और सम्मिश्रण मोड प्रदान करता है; साथ भरना आप कुछ संपादन सुविधाओं के साथ रंग जोड़ सकते हैं या चित्र सम्मिलित कर सकते हैं खुलासा, अंतर, तापमान, और अधिक।

जैसे-जैसे आप अपनी परियोजना में और तत्वों का निर्माण करते हैं, परतें बाईं ओर बनेंगी परतें मेनू के बगल में संपत्ति टैब। आप तत्व को खोजने के लिए परत शीर्षक पर डबल-क्लिक कर सकते हैं, और इसके विपरीत; हाइलाइट की गई परत को खोजने के लिए आप डिज़ाइन तत्व पर डबल-क्लिक कर सकते हैं। शीर्षकों पर डबल-क्लिक करने से आप इष्टतम संगठन के लिए उनका नाम बदल सकते हैं।

Figma प्रोटोटाइप मेनू

के दाईं ओर डिज़ाइन मेनू विकल्प है प्रोटोटाइप मेन्यू। एक बार जब आप अपने डिजाइन के दृश्य पहलुओं को अंतिम रूप दे देते हैं और छवि बक्से और टेक्स्ट को सेट करते हैं जहां उन्हें जाना चाहिए, तो आप अपने डिजाइनों में एनिमेशन और संक्रमण जोड़ने के लिए प्रोटोटाइप टूल का उपयोग कर सकते हैं।

प्रोटोटाइप मेनू आपको संक्रमण के रूप में फ्रेम या घटकों को एक साथ जोड़ने की अनुमति देता है। आप चुन सकते हैं कि कौन सा क्रम और कैसे प्रत्येक फ़्रेम दूसरे में परिवर्तित होता है।

यदि आप हैं तो यह बहुत अच्छा काम करता है एक Figma प्रस्तुति बनाना जो एक स्लाइड से दूसरी स्लाइड पर एनिमेट करता है, लेकिन यह टूल आपको ऐप और वेब डिज़ाइन के लिए बटन या मेनू के लिए एनिमेशन की कल्पना करने की भी अनुमति देता है। आप सभी अलग-अलग चीज़ों के लिए प्रति पृष्ठ एकाधिक ट्रांज़िशन जोड़ सकते हैं, ताकि आप देख सकें कि उपयोगकर्ता आपकी वेबसाइट के लाइव होने पर उससे कैसे जुड़ेंगे.

वेबसाइट डिजाइन करने के लिए Figma का उपयोग करना एक लाइव वेबसाइट बनाने जैसा नहीं है, आप अपना Figma सौंप सकते हैं अपनी देव टीम के लिए डिज़ाइन करें जो आपके प्रोटोटाइप इंटरैक्शन को आपके लिए वास्तविक जीवन के एनीमेशन डिज़ाइन के रूप में फिर से बना सके वेबसाइट। इसका मतलब है कि आप क्लिक, समय, या अन्य इंटरैक्शन से पेज से पेज पर संक्रमण कर सकते हैं।

Figma के साथ शुरुआत करना आसान है

अब आप जानते हैं कि Figma लेआउट को कैसे नेविगेट करना है और मूल डिज़ाइन और प्रोटोटाइप टूल कैसे काम करते हैं। चूंकि फिग्मा इतनी आसानी से सुलभ है, इसलिए समय आ गया है कि जाकर इस डिजाइन टूल के साथ छेड़छाड़ करें और देखें कि आप क्या बना सकते हैं।