💃🏿 🤽🏼 👐🏻 फिम्मा के लिए 14 नए प्लगइन्स की समीक्षा जो उत्पादकता बढ़ाने में मदद करेगी, जबकि हम सभी 👨🏼‍🤝‍👨🏻 😐 🤟🏼

आज हम निम्नलिखित नए Figma प्लगइन्स के बारे में बात करेंगे:

AutoGrid - AutoLayout के लिए ग्रिड समर्थन।
ट्रैकिंग - ट्रैकिंग एनोटेशन बनाने के लिए प्लगइन।
रंग खोजें और बदलें - अपने डिजाइनों में रंग शैलियों को व्यवस्थित करें
स्पेसिंग मैनेजर - घटकों में लगातार इंडेंटेशन के लिए प्लगइन
Geometric –
Halftones – ,
Batch Styler –
Spell Inspector —
Sitemap –
Style Organizer —
Focus CSS — CSS Figma
Flipbook – Figma
SwiftUI Inspector – Apple
Filter –

सभी को नमस्कार! हम आशा करते हैं कि इस संकट के समय में आप सब ठीक हैं।

COVID-19 के प्रसार का पूरी दुनिया पर प्रभाव पड़ा है, और हम में से कई अब पूरी तरह से दूरदराज के काम में बदल गए हैं। बच्चों के साथ घर पर रहना और उत्पादक बने रहना बहुत मुश्किल था, लेकिन हम सभी को पेशेवर बने रहना चाहिए और अपने समुदाय का समर्थन करना चाहिए।

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

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

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

खैर, अब प्लगइन्स के विश्लेषण में गोता लगाते हैं! हम अंतिम स्थान से शुरू करते हैं - सभी सबसे दिलचस्प आपके लिए नीचे इंतजार कर रहे हैं।

14. साइटमैप

यदि आपको अपनी साइट का नक्शा बनाने की आवश्यकता है - यह प्लगइन आपको इस कार्य में मदद करेगा।
साइटमैप प्लगइन की कार्यक्षमता काफी सरल है: अपनी साइट के URL दर्ज करें या पेस्ट करें, "मानचित्र बनाएँ" पर क्लिक करें। प्लगइन HTML लिंक से मिलने वाले सभी लिंक को प्रदर्शित करेगा।

13. हलातें

Halftones की मदद से, आप अपनी छवियों पर कूल डॉट और हलफ़टोन फ़िल्टर लागू कर सकते हैं।

बस 1 या अधिक छवियों का चयन करें, उस फ़िल्टर के प्रकार का चयन करें जिसे आप लागू करना चाहते हैं (डॉट्स या हाफ़टोन प्रभाव)। फिर, स्लाइडर्स का उपयोग करके, चित्र के कोण और आकार का निर्धारण करें, "लागू करें" और वॉयला पर क्लिक करें - आपकी छवि अधिक फैशनेबल हो गई है।

12. फ्लिपबुक

Flipbook प्लगइन के माध्यम से मज़ा के एक छोटे से हिस्से के साथ हमारी रेटिंग को पतला करें! यह Figma में आपके डिज़ाइन को एनिमेट करने के लिए एक प्लगइन है। इसमें कई विशेषताएं हैं, जिसमें रीयल-टाइम पूर्वावलोकन, गति परिवर्तन, स्लाइडर का उपयोग करके एनीमेशन गति समायोजन, साथ ही रिवर्स एनीमेशन और जीआईएफ को निर्यात करना शामिल है।

इस प्लगइन का एक प्रो संस्करण भी है। इसमें वॉटरमार्क नहीं है, और इसमें प्याज की त्वचा का कार्य (प्याज का छिलका, यानी आपके एनीमेशन की जांच करने के लिए फ्रेम कवर प्रदर्शित करने का कार्य) भी है।

11. वर्तनी निरीक्षक

क्या आपको कभी ऐसे उपकरण की आवश्यकता है जो चित्र के अंदर आपके लिए वर्तनी की त्रुटियों को ढूंढे? खैर, स्पेल इंस्पेक्टर प्लगइन आपको इसमें मदद करेगा।

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

मेरे टेलीग्राम चैनल "डिजाइनर के लिए उपयोगी" के लिए सदस्यता लें , निम्नलिखित भागों और कई अन्य उपयोगी डिजाइन संसाधनों की घोषणाएं होंगी। मैं लगातार उपयोगी बना रहा हूं और नए उपयोगी संसाधनों, उपकरणों और अनुप्रयोगों की रिहाई का पालन करता हूं जो डिजाइनरों, डेवलपर्स और टीम प्रबंधकों को गति प्रदान करने में मदद करते हैं।

10. सीएसएस पर ध्यान दें

यह प्लगइन Figma में CSS के साथ काम करने की प्रक्रिया में सुधार करेगा और असंगत शैलियों का पता लगाएगा।

प्लगइन सुविधाएँ:

Figma दस्तावेज़ में सभी तत्वों के लिए सीएसएस पीढ़ी;
उन सीएसएस गुणों को छिपाने की क्षमता जो आप कोड की नकल नहीं करना चाहते हैं।
एक फ़िल्टरिंग फ़ंक्शन भी है जो आपको केवल आवश्यक सीएसएस परतों के प्रकार प्रदर्शित करने में मदद करता है।

9. ट्रैकिंग

इस प्लगइन के साथ, आप Figma फ़ाइल से सीधे ट्रैकिंग एनोटेशन बनाने, अपडेट या संलग्न करने की क्षमता रखते हैं।

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

प्लगइन का उपयोग करने के तरीके को बेहतर ढंग से समझने के लिए, आप यहां मैनुअल देख सकते हैं ।

8. फ़िल्टर करें

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

फ़िल्टर के साथ, आप अपनी रचनात्मकता बढ़ा सकते हैं और अपने वर्कफ़्लो को गति दे सकते हैं। आपके Figma शस्त्रागार में इस प्लगइन के होने के बाद, आपको फ़ोटोशॉप का उपयोग करने के लिए Figma से बाहर निकलने की आवश्यकता नहीं है, क्योंकि फ़िल्टर आपको छवियों या नोड्स की सेटिंग्स पर उत्कृष्ट नियंत्रण देता है।

फिलहाल, आपके पास अपने निपटान में 30 से अधिक फिल्टर हैं, जिनमें शामिल हैं: बज पिंच, कलर हैल्फोन, कार्टून, ट्रायंगल ब्लर, डेनोइस, लेंस ब्लर, नाइट विजन, क्रॉसचैट और कई अन्य फिल्टर।

7. स्विफ्टयूआई इंस्पेक्टर

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

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

6. ज्यामितीय

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

5. रिक्ति प्रबंधक

कई डिज़ाइनर तत्वों के बीच अलग-अलग इंडेंट लगाने के चलन में आए हैं। कुछ तत्वों को 10px, अन्य - 14px, आदि का नाम दिया गया था। बाद में, यदि आपको इंडेंटेशन परिवर्तन करने की आवश्यकता है, तो उन्हें अपने तत्व को मैन्युअल रूप से बदलना होगा। AutoLayout ने इस मुद्दे को हल किया। हालाँकि, रिक्ति प्रबंधक प्लगइन के साथ, आप अपनी इंडेंटेशन प्रक्रिया में सुधार कर सकते हैं।

4. रंग खोजें और बदलें

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

प्लगइन किसी भी प्रकार की फ़ाइल के साथ काम करने के लिए उपलब्ध है, यह घटक, उदाहरण, आयताकार, फ्रेम, वेक्टर ऑब्जेक्ट या ग्रंथ हो सकते हैं।

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

3. बैच स्टाइलर

बैच स्टाइलर उन परिस्थितियों के लिए एक महान समाधान है जहां कई पाठ शैली हैं, और आपको इन पाठ शैलियों के फोंट को जल्दी और अनावश्यक कार्यों के बिना बदलने की आवश्यकता है।

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

2. शैली आयोजक

यह प्लगइन पृष्ठ पर रंग शैलियों को प्रदर्शित और व्यवस्थित करने में मदद करता है। साथ ही, संगठित शैलियों के होने पर, यह टूल अपने आप एक रंग पैलेट उत्पन्न करेगा।
इस प्लगइन में क्या नजरअंदाज किया गया है: छवियों के आघात / परत, परतों के अदृश्य इंडेंटेशन / अदृश्य नोड्स।

यह भी ध्यान रखें कि स्टाइल आयोजक डिज़ाइन परिवर्तन करते समय स्वचालित अपडेट सुविधा का समर्थन नहीं करता है। आपको परिवर्तन करने के बाद ताज़ा बटन पर क्लिक करना होगा।

1. ऑटोग्रिड

शायद आप एक ऐसी स्थिति का सामना कर रहे हैं, जहाँ आपको यह सुनिश्चित करने के लिए कई AutoLayout परतें बनाने की आवश्यकता है कि आपके लेआउट में कार्ड एक साफ स्थिति में हैं?

यह प्लगइन एक महान समाधान है। AutoGrid ग्रिड से संबंधित सभी चीजों का ध्यान रखता है। आपको बस कॉलम, पंक्तियों और इंडेंट को परिभाषित करना है, और ऑटोग्रिड बाकी काम करेगा।

प्लगइन का उपयोग करने के लिए बहुत आसान है:

अपने ग्रिड के लिए मूल तत्व का चयन करें (उदाहरण के लिए, एक कार्ड)
ग्रिड संरचना को परिभाषित करें: कितनी पंक्तियाँ, कॉलम और इंडेंट।
नया ग्रिड बनाएँ पर क्लिक करें।

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

हम आज की रेटिंग में AutoGrid , Style Organizer और Batch Styler को नेताओं के रूप में चुनते हैं , क्योंकि ये प्लगइन्स बहुत उपयोगी हैं और डिज़ाइन प्रक्रियाओं को गति देते हैं, खासकर जब यह डिज़ाइन सिस्टम बनाने की बात आती है।

हमें उम्मीद है कि प्लगइन्स का यह सेट आपके लिए उपयोगी रहा है। यदि आपको प्रोफेशनल फिम्मा डिज़ाइन सिस्टम और टेम्प्लेट की आवश्यकता है, तो Setproduct.com देखें। खैर, हमारे हिस्से के लिए, हम आपको हर नई चीज़ के बारे में अपडेट रखेंगे। हमारे साथ रहो और # घर पर रहो!