स्पॉटलाइट: एआई चैट, रेट्रो जैसे खेल, स्थान परिवर्तक, रोबोक्स अनब्लॉक किया गया
अपनी टीम के साथ वेबसाइटों और मोबाइल ऐप्स के लिए यूजर इंटरफेस डिजाइन करना सरल है: Figma का उपयोग करना, एक शक्तिशाली, मुफ्त प्रोटोटाइप टूल। ऑनलाइन सहयोग और एक अतिरिक्त ब्राउज़र-आधारित इंटरफ़ेस पर जोर देने के लिए कोई भी डिज़ाइन प्रक्रिया में भाग ले सकता है। टूल के निःशुल्क संस्करण की सीमाएं इसकी एकमात्र खामी हैं। फिग्मा के बारे में हम जो सबसे बुनियादी बात जानते हैं, वह हो सकती है। यह पोस्ट हमें इन पूर्ण विवरणों को पढ़कर इसके बारे में और जानने देती है Figma की समीक्षा.
विषयसूची
अपनी टीम के साथ वेबसाइटों और मोबाइल ऐप्स के लिए यूजर इंटरफेस डिजाइन करना सरल है: Figma का उपयोग करना, एक शक्तिशाली, मुफ्त प्रोटोटाइप टूल। ऑनलाइन सहयोग और एक अतिरिक्त ब्राउज़र-आधारित इंटरफ़ेस पर जोर देने के लिए कोई भी डिज़ाइन प्रक्रिया में भाग ले सकता है। टूल के निःशुल्क संस्करण की सीमाएं इसकी एकमात्र खामी हैं।
इसके अलावा, यूजर इंटरफेस बनाने के लिए विशेष रूप से बनाए गए एक वेब-आधारित प्रोग्राम को Figma (UI) कहा जाता है। यह 2015 में Google डेवलपर्स के एक छोटे समूह द्वारा विकसित किया गया था, जो यूआई परियोजनाओं पर सहयोग करने के लिए एक अधिक प्रभावी दृष्टिकोण बनाने का इरादा रखता था। उन्होंने सोचा कि फोटोशॉप और स्केच जैसे मौजूदा उपकरण पर्याप्त रूप से बहुमुखी नहीं थे, जिसने उन्हें प्रभावित किया। इसलिए उन्होंने लोगों को और अधिक कार्यों को और अधिक तेज़ी से पूरा करने में सक्षम बनाने के लिए कुछ नया विकसित करने का निर्णय लिया।
इसके अलावा, Figma, जो परिणाम था, 2016 में सार्वजनिक हो गया। तब से, इसे हजारों विशेषज्ञ डिजाइनरों द्वारा उपयोग किया गया है और लाखों बार डाउनलोड किया गया है। क्योंकि यह ग्राहकों को कार्यों का एक विशेष संयोजन प्रदान करता है जो अन्य सॉफ़्टवेयर में नहीं है, इसकी लोकप्रियता तेजी से बढ़ी है।
प्रोफेशनल फोटो एडिटिंग प्रोग्राम फोटोशॉप कुछ समय के लिए आसपास रहा है। डिज़ाइनर और फ़ोटोग्राफ़र फ़ोटोशॉप का उपयोग करके फ़ोटो को क्रॉप, आकार बदलने और रंग जैसी चीज़ों को संपादित करने के लिए संपादित करते हैं। 2016 में फिग्मा नामक एक नया वेब एप्लिकेशन पेश किया गया था। यह वेबसाइटों और अन्य डिजिटल सामानों के लिए वायरफ्रेम, प्रोटोटाइप और मॉकअप बनाने में उपयोगकर्ताओं की सहायता के लिए बनाया गया है। यहाँ तीन बड़े कारण हैं कि आप फोटोशॉप की जगह फिग्मा का उपयोग क्यों करते हैं।
◆ प्रयोग करने में आसान। Figma के उपयोग में आसानी इसके मुख्य लाभों में से एक है। इसमें खो जाने के लिए कोई भ्रमित करने वाले टूलबार या मेनू नहीं हैं। इसके बजाय, आपको बस इतना करना है कि स्क्रीन के शीर्ष प्राथमिक मेनू से चुनें।
◆ कोई अनुभव आवश्यक नहीं है। फोटोशॉप के विपरीत, Figma को सीखने के लिए किसी पूर्व ज्ञान की आवश्यकता नहीं है। कोई भी इसे तुरंत उठा सकता है और काम करना शुरू कर सकता है।
◆ फिग्मा डिजाइनरों के लिए उत्कृष्ट है क्योंकि यह फोटोशॉप को बदलने के लिए नहीं है। यह वेबसाइट डिजाइनरों को उनके काम को बेहतर बनाने में सहायता करने के लिए एक साथी ऐप है।
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 फ़ाइल नाम दिखाता है जब कोई आइटम नहीं चुना जाता है (जैसा कि ऊपर के उदाहरण में है)। जब किसी वस्तु का चयन किया जाता है तो प्रासंगिक विकल्प यहां दिखाई देते हैं।
◆ परतें. प्रत्येक फ़ाइल के घटक को फ्रेम और समूह में सूचीबद्ध और वर्गीकृत किया गया है।
◆ कैनवास. आप यहां अपने सभी कार्यों को पूरा करते हैं और उनका मूल्यांकन करते हैं।
◆ निरीक्षक. किसी भी चयनित वस्तु के लिए, इंस्पेक्टर प्रासंगिक जानकारी और सेटिंग्स प्रदर्शित करता है। हम ऊपर की छवि में ही कैनवस के लिए विकल्प देख सकते हैं। हम इन पर सप्ताह के अंत में चर्चा करेंगे। कृपया ध्यान दें कि Figma इंस्पेक्टर (डिजाइन, प्रोटोटाइप और कोड) में विभिन्न टैब प्रदान करता है।
एक फ्रेम बनाना
फ़्रेम टूल चुनने के लिए, F दबाएं। फ़्रेम टूल आइकन नीचे स्थित है विकल्प बिल्ली खिड़की के शीर्ष पर, जहां आप इसे विकल्प के रूप में भी चुन सकते हैं। इसके अतिरिक्त, आप दबा सकते हैं ए के लिये आर्टबोर्ड यदि आप स्केच का उपयोग करने के आदी हैं।
एक पाठ परत स्थापित करें
चलिए अब कुछ सामग्री लिखते हैं। ए जोड़ने के लिए मूलपाठ परत, का चयन करने के बाद अपने iPhone फ्रेम में कहीं भी क्लिक करें मूलपाठ उपकरण दबाकर टी. चलिए टाइप करते हैं साइन इन करें क्योंकि वह बटन डिज़ाइन का एक घटक होगा। टेक्स्ट टूल को छोड़ने के लिए, दबाएं पलायन.
परतों को एक आयत में व्यवस्थित किया जाना चाहिए
आयत उपकरण चुनने के लिए, दबाएँ आर. नव निर्मित पाठ के चारों ओर एक बटन के आकार में एक आयत बनाएँ।
पाठ और आयत को संरेखित करना
दबाने से पलायन या वी, a को खींचने से पहले सुनिश्चित करें कि मूव टूल का चयन किया गया है मार्की पाठ और आयत के चारों ओर।
फ़ॉन्ट संशोधित करें
आप इंस्पेक्टर की सेटिंग्स पर जा सकते हैं, जबकि टेक्स्ट लेयर को फ़ॉन्ट और उसके आकार, वजन और रंग को बदलने के लिए चुना जाता है। रोबोटो अभी भी प्रयोग किया जाता है, लेकिन लेखन अब बोल्ड और पूंजीकृत है। अपनी पसंद देखने की कोशिश करें!
सहेजा जा रहा है और नामकरण फ़ाइल
अपनी फाइल को नाम देना आज का आखिरी काम है; ऐसा करने के लिए, उपयोग करने वाली सभी वस्तुओं का चयन करें पलायन काम करेगा और जहां यह पढ़ता है वहां क्लिक करें शीर्षकहीन खिड़की के शीर्ष पर। फिर एंटर करें फिर दबाएं सहेजें खत्म करने के लिए।
योजनाएं और मूल्य | इंटरफ़ेस और अनुभव | डिज़ाइन | ऑनलाइन सहयोग |
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 है। इसमें एक कोड एडिटर, एक टेस्टिंग टूल और एक रिच टेक्स्ट एडिटर है। मॉडल-व्यू-कंट्रोलर (MVC) FIGMA की नींव है। यहां तक कि अगर इसमें कुछ कमियां हैं, तो आप इसके लाभों के लिए ऊपर बताए गए कुछ सरल चरणों का पालन करके आसानी से फिग्मा सीख सकते हैं। हमें उम्मीद है कि यह पोस्ट आपको हर विवरण देती है।
क्या यह आपके लिए उपयोगी था?
329 वोट
हांहमें बताने के लिए धन्यवाद!नहींहमें बताने के लिए धन्यवाद!