मुख्य विशेषताएं: एआई चैट , रेट्रो जैसे गेम , लोकेशन चेंजर , रोब्लॉक्स अनब्लॉक
अपनी टीम के साथ वेबसाइटों और मोबाइल ऐप्स के लिए यूज़र इंटरफ़ेस डिज़ाइन करना सरल है: Figma का उपयोग करके, जो एक शक्तिशाली, निःशुल्क प्रोटोटाइपिंग टूल है। ऑनलाइन सहयोग पर ज़ोर और अतिरिक्त ब्राउज़र-आधारित इंटरफ़ेस के कारण कोई भी डिज़ाइन प्रक्रिया में भाग ले सकता है। इस टूल के निःशुल्क संस्करण पर लगी सीमाएँ ही इसका एकमात्र नकारात्मक पक्ष हैं। यह Figma के बारे में वह सबसे बुनियादी बात हो सकती है जो हम जानते हैं। यह लेख हमें इसके बारे में और अधिक जानने देता है, अगर हम इन विस्तृत Figma की समीक्षाओं को पढ़ें।.
सामग्री की सूची
अपनी टीम के साथ वेबसाइटों और मोबाइल ऐप्स के लिए यूजर इंटरफेस डिजाइन करना सरल है: Figma का उपयोग करना, एक शक्तिशाली, मुफ्त प्रोटोटाइप टूल। ऑनलाइन सहयोग और एक अतिरिक्त ब्राउज़र-आधारित इंटरफ़ेस पर जोर देने के लिए कोई भी डिज़ाइन प्रक्रिया में भाग ले सकता है। टूल के निःशुल्क संस्करण की सीमाएं इसकी एकमात्र खामी हैं।
इसके अलावा, यूजर इंटरफेस बनाने के लिए विशेष रूप से बनाए गए एक वेब-आधारित प्रोग्राम को Figma (UI) कहा जाता है। यह 2015 में Google डेवलपर्स के एक छोटे समूह द्वारा विकसित किया गया था, जो यूआई परियोजनाओं पर सहयोग करने के लिए एक अधिक प्रभावी दृष्टिकोण बनाने का इरादा रखता था। उन्होंने सोचा कि फोटोशॉप और स्केच जैसे मौजूदा उपकरण पर्याप्त रूप से बहुमुखी नहीं थे, जिसने उन्हें प्रभावित किया। इसलिए उन्होंने लोगों को और अधिक कार्यों को और अधिक तेज़ी से पूरा करने में सक्षम बनाने के लिए कुछ नया विकसित करने का निर्णय लिया।
इसके अलावा, Figma, जो परिणाम था, 2016 में सार्वजनिक हो गया। तब से, इसे हजारों विशेषज्ञ डिजाइनरों द्वारा उपयोग किया गया है और लाखों बार डाउनलोड किया गया है। क्योंकि यह ग्राहकों को कार्यों का एक विशेष संयोजन प्रदान करता है जो अन्य सॉफ़्टवेयर में नहीं है, इसकी लोकप्रियता तेजी से बढ़ी है।
प्रोफेशनल फोटो एडिटिंग प्रोग्राम फोटोशॉप कुछ समय के लिए आसपास रहा है। डिज़ाइनर और फ़ोटोग्राफ़र फ़ोटोशॉप का उपयोग करके फ़ोटो को क्रॉप, आकार बदलने और रंग जैसी चीज़ों को संपादित करने के लिए संपादित करते हैं। 2016 में फिग्मा नामक एक नया वेब एप्लिकेशन पेश किया गया था। यह वेबसाइटों और अन्य डिजिटल सामानों के लिए वायरफ्रेम, प्रोटोटाइप और मॉकअप बनाने में उपयोगकर्ताओं की सहायता के लिए बनाया गया है। यहाँ तीन बड़े कारण हैं कि आप फोटोशॉप की जगह फिग्मा का उपयोग क्यों करते हैं।
◆ उपयोग में सरल। Figma की उपयोग में आसानी इसके मुख्य लाभों में से एक है। यहाँ जटिल टूलबार या मेनू नहीं हैं जिनमें आप भटक जाएँ। इसके बजाय, आपको केवल स्क्रीन के ऊपर दिए गए मुख्य मेनू से चयन करना होता है।.
◆ कोई अनुभव आवश्यक नहीं। Photoshop के विपरीत, Figma सीखने के लिए किसी भी पूर्व ज्ञान की आवश्यकता नहीं होती। कोई भी तुरंत इसे उठा सकता है और काम शुरू कर सकता है।.
◆ Figma डिज़ाइनरों के लिए उत्कृष्ट है क्योंकि इसे Photoshop की जगह लेने के लिए नहीं बनाया गया है। यह एक सहायक ऐप है जो वेबसाइट डिज़ाइनरों को अपने कार्य को बेहतर बनाने में मदद करता है।.
Figma उचित मूल्य मासिक और वार्षिक सब्सक्रिप्शन के साथ एक निःशुल्क टूल है। फिग्मा के लिए प्रीमियम मासिक और वार्षिक सदस्यता, एक मुफ्त इंटरफेस डिजाइन प्रोग्राम, शक्तिशाली उपयोगकर्ताओं के लिए है। बेशक, मुक्त संस्करण में प्रतिबंध हैं। उपयोगकर्ता तीन FigJam फ़ाइलें और तीन Figma फ़ाइलें बना सकते हैं। आकस्मिक उपभोक्ताओं, अपेक्षाकृत छोटी टीमों और स्वतंत्र डिजाइनरों के लिए, यह भयानक नहीं है।
जिन उपयोगकर्ताओं ने भुगतान किया है, उनके लिए दो अपग्रेड उपलब्ध हैं। प्रोफेशनल में टीम लाइब्रेरी, ऑडियो वार्ता और फाइल एडिशन असीमित हैं। यदि आपको अपनी ब्रांडिंग को सुसंगत बनाए रखने की आवश्यकता है तो यह उपयोगी है। मासिक शुल्क $15, £14, या AUD 24 प्रति संपादक है। वार्षिक सदस्यता के लिए संपादकों के लिए मासिक दरें $12, £11, या AUD 19 हैं।
संगठन की वार्षिक सदस्यता पर प्रति संपादक प्रति माह $45 / £41 / AUD 71 खर्च होता है और इसमें वह सब कुछ शामिल होता है जो पेशेवर करता है, साथ ही संगठन-व्यापी पुस्तकालय, विश्लेषण और केंद्रीकृत फ़ाइल प्रबंधन।
Figma सीरीज में अत्यधिक स्पष्ट लेकिन अभी भी आकर्षक PVC एक्शन फिगर की मदद से आप अपने पसंदीदा पात्रों को अपनी पसंद के पोज़ में प्रदर्शित कर सकते हैं. इसके अलावा, एबीएस और पीवीसी से बने फिग्मा सीरीज के आंकड़े व्यक्त किए गए हैं। प्रत्येक फिगर फ्लेक्सिबल स्टैंड के साथ आता है. चरित्र की ऊंचाई के आधार पर आंकड़े 13 से 16 सेमी की ऊंचाई में हैं।
किसी विचार को शुरू करने या उसे किसी नई चीज़ में ढालने में आपकी सहायता करने के लिए हमारे कर्मचारियों द्वारा बनाए गए 300+ टेम्प्लेट खोजें। कृपया उपरोक्त नेविगेशन से शुरू करें, या विचारों के लिए हमारी कुछ पसंदीदा श्रेणियों को ब्राउज़ करने के लिए नीचे स्क्रॉल करें। उपयोगकर्ताओं द्वारा सबसे पसंदीदा फिग्मा टेम्प्लेट में से कुछ निम्नलिखित हैं:
◆ वायरफ़्रेम के किट। हमारा घटक-आधारित वायरफ़्रेम किट आपको अपने विचारों की जल्दी से जाँच करने और वेबसाइट डिज़ाइन प्रक्रिया को तेज़ करने देता है।.
◆ अपने आगामी बिल्ड की योजना बनाने के लिए हमारे प्रोडक्ट डेवलपमेंट टेम्पलेट्स का उपयोग करें। FigJam टेम्पलेट्स आपके प्रोडक्ट सफ़र की शुरुआत से लेकर तैयार प्रोडक्ट तक एक भरोसेमंद रोडमैप देते हैं, जिससे आप पूरे आत्मविश्वास के साथ ड्राइवर की सीट पर आ सकते हैं।.
◆ FigJam प्रोडक्ट प्लानिंग को जीवंत बना सकता है। ऐसा प्लानिंग प्रोसेस जो अराजकता के बजाय सहमति तक पहुँचता है, असाधारण प्रोडक्ट बनाने का पहला कदम है। जानें कि FigJam, जो एक ऑनलाइन टीम व्हाइटबोर्ड है, किस तरह योजना को अधिक समावेशी, प्रभावी और आनंददायक बनाता है।.
फिग्मा प्लगइन आपको इसकी अनुमति देता है: आइकॉन लाएं। इसके अतिरिक्त, आप प्लगइन आइकन फ़ाइलों को Figma में ड्रैग और ड्रॉप कर सकते हैं। चुने हुए आइकन को तेजी से स्वैप करें। डेवलपर्स के लिए, आयातित आइकनों के लिए कोड देखें। अद्वितीय एसवीजी आयात करने के लिए कोड डालें। यह डेटा को डीकोड करता है: यूआरआई भी। यह चार्ज नहीं है! Iconify हमेशा आइकन को एसवीजी के रूप में आयात करता है, अन्य प्लगइन्स के विपरीत जो अधिक आइकन देते हैं लेकिन एसवीजी का उपयोग करने के लिए पैसे की मांग करते हैं। ओपन-सोर्स Iconify प्रोजेक्ट विशेष रूप से ओपन-सोर्स आइकन सेट प्रदान करता है।
इसके अलावा, प्लगइन आपके द्वारा देखे गए अंतिम पृष्ठ का ट्रैक रखता है, जिससे प्रतीकों को ब्राउज़ करना या खोजना आसान हो जाता है। विकल्प पृष्ठ से, आप कभी भी प्लगइन को रीसेट कर सकते हैं। छोटे मॉनिटर वाले उपयोगकर्ताओं के लिए प्लगइन में कॉम्पैक्ट मोड भी उपलब्ध है। मेनू (3 लाइन) लिंक पर क्लिक करके छोटी चौड़ाई के विकल्प को सक्षम करें।
फिग्मा की सबसे महत्वपूर्ण विशेषताओं में से एक ऑटो लेआउट है, जो अपनी अनुकूलता के कारण अन्य डिजाइन कार्यक्रमों में समान कार्यों से अलग है। संक्षेप में, यह आपको फ्रेम और घटकों को बनाने में सक्षम बनाता है ताकि वे स्वचालित रूप से विस्तारित हो सकें, या तो कंटेनर को इसकी सामग्री के आकार में समायोजित करने या इसके विपरीत।
फिग्मा अकाउंट बनाएं
www.figma.com पर जाएं, साइन अप पर क्लिक करें, और Figma के साथ शुरू करने के लिए फॉर्म भरें। जब आप इसे पूरा कर लेते हैं, तो Figma इस तरह दिखने वाली स्टार्ट स्क्रीन के साथ लॉन्च होगी। आरंभ करने के लिए, 'नई फ़ाइल' चुनें और फिर चलें!
फिग्मा के इंटरफेस का अन्वेषण करें
Figma इंटरफ़ेस बहुत ही सरल दिखता है और लगता है लेकिन कई मजबूत क्षमताओं को छुपाता है।
◆ टूल। वे टूल जिन्हें आप सबसे ज़्यादा इस्तेमाल करेंगे—फ्रेम, शेप, टेक्स्ट आदि—यहीं से आसानी से एक्सेस किए जा सकते हैं। (हम आने वाले कुछ दिनों में इन टूल्स को कवर करेंगे।)
◆ विकल्प। आपके द्वारा चुने गए टूल के अतिरिक्त विकल्प इस सेक्शन में दिखाए जाते हैं। जब कोई आइटम चुना नहीं होता, तो Figma यहाँ फ़ाइल का नाम दिखाता है (जैसा कि ऊपर के उदाहरण में है)। जब कोई ऑब्जेक्ट चुना जाता है तो संदर्भानुसार विकल्प यहाँ दिखाई देते हैं।.
◆ लेयर्स। हर फ़ाइल के घटक यहाँ सूचीबद्ध होते हैं और Frames तथा Groups में वर्गीकृत किए जाते हैं।.
◆ कैनवस। आप अपना सारा काम यहीं पूरा करते हैं और जाँचते हैं।.
◆ इंस्पेक्टर। किसी भी चुने गए ऑब्जेक्ट के लिए इंस्पेक्टर संदर्भानुसार जानकारी और सेटिंग्स दिखाता है। ऊपर की इमेज में हम कैनवस के लिए विकल्प देख सकते हैं। हम इन पर सप्ताह के आगे वाले हिस्से में चर्चा करेंगे। कृपया ध्यान दें कि Figma इंस्पेक्टर में अलग-अलग टैब देता है (Design, Prototype, और Code)।.
एक फ्रेम बनाना
Frame टूल चुनने के लिए F दबाएँ। Frame टूल का आइकन विंडो के शीर्ष पर Options के अंतर्गत स्थित है, जहाँ से आप इसे वैकल्पिक रूप से भी चुन सकते हैं। इसके अतिरिक्त, अगर आप Sketch इस्तेमाल करने के आदी हैं तो आप Artboard के लिए A भी दबा सकते हैं।.
एक पाठ परत स्थापित करें
अब चलिए कुछ कॉन्टेंट लिखते हैं। Text टूल को T दबाकर चुनने के बाद, अपने iPhone फ्रेम में कहीं भी क्लिक करके एक Text लेयर जोड़ें। चलिए Sign In टाइप करते हैं क्योंकि यह बटन डिज़ाइन का हिस्सा होगा। Text टूल से बाहर निकलने के लिए Escape दबाएँ।.
परतों को एक आयत में व्यवस्थित किया जाना चाहिए
Rectangle टूल चुनने के लिए R दबाएँ। अभी-अभी बनाए गए टेक्स्ट के चारों ओर बटन के आकार का एक आयत खींचें।.
पाठ और आयत को संरेखित करना
Escape या V दबाकर यह सुनिश्चित करें कि Move टूल चुना हुआ है, फिर टेक्स्ट और आयत के चारों ओर एक marquee खींचें।.
फ़ॉन्ट संशोधित करें
आप इंस्पेक्टर की सेटिंग्स पर जा सकते हैं, जबकि टेक्स्ट लेयर को फ़ॉन्ट और उसके आकार, वजन और रंग को बदलने के लिए चुना जाता है। रोबोटो अभी भी प्रयोग किया जाता है, लेकिन लेखन अब बोल्ड और पूंजीकृत है। अपनी पसंद देखने की कोशिश करें!
सहेजा जा रहा है और नामकरण फ़ाइल
आज के लिए हमारा आख़िरी काम अपनी फ़ाइल को नाम देना है; ऐसा करने के लिए, सभी ऑब्जेक्ट्स को चुनें—इसके लिए Escape काम करेगा—और विंडो के शीर्ष पर जहाँ Untitled लिखा है वहाँ क्लिक करें। फिर नाम दर्ज करें और समाप्त करने के लिए Save दबाएँ।.
| योजनाएं और मूल्य | इंटरफ़ेस और अनुभव | डिज़ाइन | ऑनलाइन सहयोग |
| 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 |
क्या Figma डाउन है?
आपकी Figma फ़ाइल कई कारणों से क्रैश हो सकती है। अपने कंप्यूटर को पुनरारंभ करना सबसे लगातार समाधान है। यदि यह काम नहीं करता है तो फ़ाइल को पुनः लोड करने या किसी भिन्न ब्राउज़र में खोलने का प्रयास करें।
Figma में किसी शेप को कैसे क्रॉप करें?
जब आप स्क्रीन के ऊपरी-बाएँ कोने में भरण मोड ड्रॉप-डाउन मेनू से क्रॉप चुनते हैं, तो Figma छवि के किनारों पर आठ नीले हैंडल जोड़ देगा। फिर, आप किसी भी दिशा में नीले हैंडल को क्लिक करके और खींचकर तय कर सकते हैं कि छवि का कितना हिस्सा दिखाना है।
क्या Figma सीखना सरल है?
नए वेब डिजाइनरों के लिए सीखने के लिए फिग्मा एक अपेक्षाकृत आसान कार्यक्रम है। ऐसा इसलिए है क्योंकि Figma उपयोगकर्ताओं को सॉफ़्टवेयर का सीमित मुक्त संस्करण प्रदान करता है जिसमें कोई अंतर्निहित समय सीमा नहीं होती है, और उपकरण उपयोग करने में आसान होते हैं।
निष्कर्ष
आप इस पोस्ट से फिग्मा को अच्छी तरह से समझ पाएंगे, साथ ही इसके मुख्य लाभ और कमियां भी। वेब एप्लिकेशन बनाने के लिए एक ओपन-सोर्स, टीम-आधारित सॉफ्टवेयर डेवलपमेंट प्लेटफॉर्म FIGMA है। इसमें एक कोड एडिटर, एक टेस्टिंग टूल और एक रिच टेक्स्ट एडिटर है। मॉडल-व्यू-कंट्रोलर (MVC) FIGMA की नींव है। यहां तक कि अगर इसमें कुछ कमियां हैं, तो आप इसके लाभों के लिए ऊपर बताए गए कुछ सरल चरणों का पालन करके आसानी से फिग्मा सीख सकते हैं। हमें उम्मीद है कि यह पोस्ट आपको हर विवरण देती है।
क्या यह आपके लिए उपयोगी था?
329 वोट