विषय
- 01. गाइड कॉपी और पेस्ट करें
- 02. स्केच क्लीनर
- 03. अनिमा
- 04. रिएक्ट स्केच.एप
- 05. गिट स्केच प्लगइन
- 06. इमेजऑप्टिम
- 07. मैजिक मिरर
- 08. अधिक निर्यात करें
- 11. मार्केटच
- 12. खंडित वृत्त
- 13. स्केच रनर
- 14. चिह्न फ़ॉन्ट
- 15. खोजें और बदलें
स्केच प्लगइन्स स्केच को और भी बेहतर बनाने में मदद करते हैं। स्केच कई लोगों के लिए पसंद का यूआई वेब डिज़ाइन टूल है, और जो कुछ अच्छा बनाता है वह है कस्टम प्लगइन्स का निर्माण करके इसकी कार्यक्षमता और सुविधाओं का विस्तार करने के लिए काम करने वाले लोगों का समुदाय।
आपके Sketch प्लग इन का प्रबंधन अब पहले से कहीं अधिक आसान हो गया है। प्लगइन्स स्वचालित रूप से अपडेट होते हैं और पुराने अक्षम हो जाते हैं। प्लगइन पारिस्थितिकी तंत्र को और भी अधिक उपयोगी बनाना, स्केच क्लाउड, एक फ़ाइल-साझाकरण सेवा है जिसके लिए कोई भी साइन अप कर सकता है, जहां आप स्केच दस्तावेज़ों को देख सकते हैं, डाउनलोड कर सकते हैं और उन पर टिप्पणी कर सकते हैं जिन्हें सार्वजनिक रूप से या निजी तौर पर सीधे स्केच से साझा किया गया है।
तो आइए एक नजर डालते हैं सबसे अच्छे स्केच प्लगइन्स पर - वे जो आपके यूजर इंटरफेस को डिजाइन करने के तरीके को काफी हद तक बदल सकते हैं। एक बार जब आप अपनी पसंद के किसी एक को देख लेते हैं, तो स्केच प्लगइन्स को स्थापित करने के तरीके के बारे में पढ़ें। यदि आप अपने वेब टूल से प्यार करते हैं, तो हमारे पसंदीदा वेब डिज़ाइन टूल, वेबसाइट बिल्डर और क्लाउड स्टोरेज राउंडअप को मिस न करें। और याद रखें, वेब होस्टिंग प्रदाता की आपकी पसंद आपकी साइट की सफलता के लिए महत्वपूर्ण है (हमारी मार्गदर्शिका मदद करेगी)।
01. गाइड कॉपी और पेस्ट करें
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: अपने आर्टबोर्ड से गाइड को कॉपी, पेस्ट या हटा दें
गाइड के साथ हर डिजाइनर का प्यार / नफरत का रिश्ता होता है। कभी-कभी वे बिल्कुल आवश्यक होते हैं, और बाकी समय वे आपके रास्ते में आ जाते हैं। यदि आप स्केच के लेआउट विकल्प के बजाय गाइड का उपयोग कर रहे हैं, तो उन्हें कई आर्टबोर्ड के लिए बदलना एक बुरा सपना हो सकता है, लेकिन इस प्लगइन के साथ अपने सभी आर्टबोर्ड से गाइड को कॉपी, पेस्ट और निकालना आसान है।
02. स्केच क्लीनर
- यहाँ डाउनलोड करें
- कीमत: $2
- सारांश: अपनी डिज़ाइन फ़ाइलों को सीटी की तरह साफ़ करें
कोई भी स्केच डिज़ाइन जो कुछ पुनरावृत्तियों के माध्यम से किया गया है, रास्ते में थोड़ा सा कबाड़ लेने के लिए बाध्य है, जैसे छिपी हुई परतें, असंगत सीमा स्थिति और अप्रयुक्त परत शैलियाँ।
हालांकि यह एक गन्दा स्केच फ़ाइल रखने के लिए दुनिया का अंत नहीं है, यह हैंड-ऑफ को प्रभावित कर सकता है, और यह किसी भी व्यक्ति के लिए जीवन को आसान बना देगा, जिसे लाइन के नीचे इसे समझना है। सब कुछ हाथ से करने के बजाय, सभी सामान्य समस्याओं से स्वचालित रूप से निपटने के लिए स्केच क्लीनर का उपयोग करें।
03. अनिमा
- यहाँ डाउनलोड करें
- कीमत: ऊपर की ओर मुक्त
- सारांश: प्रतिक्रियाशील, उच्च-निष्ठा प्रोटोटाइप बनाएं
पहले अलग-अलग मुफ्त प्लगइन्स के रूप में उपलब्ध था - ऑटो लेआउट और लॉन्चपैड - एनिमा अब एक ऑल-इन-वन प्लगइन है जिसे आपको पिन, स्टैक और पैडिंग के साथ उत्तरदायी लेआउट बनाने में मदद करने के लिए डिज़ाइन किया गया है, और उच्च-निष्ठा प्रोटोटाइप जो सभी स्क्रीन पर फिट होते हैं। अभी भी एक मुफ़्त संस्करण है जो एक प्रोजेक्ट का समर्थन करता है; असीमित परियोजनाओं के लिए, मूल्य निर्धारण $25 प्रति माह से शुरू होता है।
04. रिएक्ट स्केच.एप
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: स्केच के लिए रिएक्ट घटकों को प्रस्तुत करें
स्केच में डिज़ाइन एसेट प्रबंधित करना मुश्किल हो सकता है। यह आसान स्केच प्लगइन आपकी संपत्तियों को प्रबंधित करने का एक आसान, अधिक विश्वसनीय तरीका प्रदान करता है। कोड में अपने डिज़ाइन को रिएक्ट घटकों के रूप में लागू करें, फिर उन्हें स्केच में प्रस्तुत करने के लिए इस प्लगइन का उपयोग करें। यह आपकी स्केच फ़ाइलों में वास्तविक डेटा लाना और कार्यान्वित करना भी आसान बनाता है।
रिएक्ट Sketch.app को Airbnb द्वारा डिज़ाइन सिस्टम के उपयोग के लिए विकसित किया गया था, जिसका उद्देश्य डिजाइनरों और डेवलपर्स के बीच की खाई को पाटने में मदद करना था।
05. गिट स्केच प्लगइन
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: स्केच में निर्मित एक गिट क्लाइंट
इस प्लगइन का उद्देश्य संस्करण नियंत्रण को स्केच में लाना है। यह डिज़ाइन के प्रत्येक भाग के लिए एक छवि निर्यात करके काम करता है, फिर बहुत भिन्न उत्पन्न करता है ताकि यह स्पष्ट हो कि क्या परिवर्तन किए गए हैं। डिज़ाइन प्रक्रिया के प्रत्येक चरण का दस्तावेज़ीकरण करके, टीम में हर कोई यह देख सकता है कि डिज़ाइन कैसे आगे बढ़ा है।
Git Sketch Plugin को Mathieu Dutour द्वारा बनाया गया था, जो तब से Kactus नामक एक अधिक व्यापक, सशुल्क संस्करण नियंत्रण प्रणाली बनाने के लिए आगे बढ़ा है।
06. इमेजऑप्टिम
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: स्केच में छवि अनुकूलन
जबकि स्केच एसवीजी फाइलों को अनुकूलित करने के लिए अपना स्वयं का समाधान प्रदान करता है, जेपीजी और पीएनजी छवियों को संपीड़ित करने के लिए विकल्पों की कोई सीमा नहीं है। चूंकि ImageOptim कई वर्षों से एक ठोस सेवा की पेशकश कर रहा है, इसलिए यह समझ में आता है कि यह इस कार्यक्षमता को स्केच में लाएगा।
कोई भी डिज़ाइनर जो लोडिंग समय और छवि अनुकूलन (जो सभी डिज़ाइनर होने चाहिए) की परवाह करता है, को अपने टूलबॉक्स में ImageOptim को जोड़ना चाहिए। ध्यान दें कि प्लगइन के साथ-साथ, आपको अपने macOS सिस्टम पर स्थापित कोर इमेजऑप्टिम ऐप (फ्री) की आवश्यकता होगी, और आपको अभी भी स्केच में परतों को निर्यात योग्य के रूप में चिह्नित करने की आवश्यकता है (शुरू करने के लिए 'निर्यात और सभी संपत्तियों को अनुकूलित करें' पर नेविगेट करें)।
07. मैजिक मिरर
- यहाँ डाउनलोड करें
- कीमत: $4/महीने से
- सारांश: छवि परिप्रेक्ष्य परिवर्तन उपकरण
यदि आप प्रभावशाली उत्पाद मॉकअप बनाने की कोशिश कर रहे हैं, लेकिन मुश्किल चीजों से निपटने के लिए फ़ोटोशॉप में कूदते रहना है, तो मैजिक मिरर आपके लिए एक जीवन रक्षक हो सकता है। यह एक छवि परिप्रेक्ष्य परिवर्तन उपकरण है, जो आपको स्केच को छोड़े बिना परिप्रेक्ष्य मॉकअप और अन्य विकृत प्रभाव बनाने में सक्षम बनाता है।
08. अधिक निर्यात करें
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: प्लेसहोल्डर छवियों को स्वचालित रूप से उत्पन्न करता है
प्लेसहोल्डर छवियों को एक डिज़ाइन में जोड़ना प्रोटोटाइप का एक आवश्यक हिस्सा है, लेकिन वास्तविक छवियों को ढूंढना एक दर्द हो सकता है। तो इस पर समय बर्बाद करने के बजाय, इसे डे प्लेयर पर छोड़ दें। यह आपको कई अलग-अलग प्लेसहोल्डर छवि सेवाओं से किसी भी स्केच दस्तावेज़ में अनुकूलित प्लेसहोल्डर छवियों को जोड़ने की अनुमति देता है, इसलिए आपको सबसे बड़ा निर्णय यह करना होगा कि आप बिल मरे, निकोलस केज या बिल्ली के बच्चे का उपयोग करना चाहते हैं या नहीं।
11. मार्केटच
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: एचटीएमएल पेज जेनरेट करें जो सीएसएस शैलियों को माप और प्राप्त कर सके
यदि आप अपने स्केच डिज़ाइनों से CSS शैलियों को पुनः प्राप्त करना चाहते हैं तो Marketch जैसा प्लगइन नितांत आवश्यक है। यह आपको अपने स्केच आर्टबोर्ड को HTML दस्तावेज़ों से भरी ज़िप फ़ाइल के रूप में निर्यात करने में सक्षम बनाता है जिसे आप बहुत सारे मीठे सीएसएस को बाहर निकालने के लिए निकाल सकते हैं, जो जाने के लिए तैयार है।
12. खंडित वृत्त
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: सटीक गोलाकार ग्राफिक्स बनाएं
चार्ट और आरेख के लिए खंडित मंडलियां बनाने का एक त्वरित तरीका यहां दिया गया है। यह प्लगइन धराशायी और टिकमार्क सर्कल सहित परिपत्र आरेख की विभिन्न शैलियों का उत्पादन कर सकता है, और मोटाई को अल्पविराम से अलग मूल्यों की एक साधारण सूची के माध्यम से नियंत्रित किया जाता है।
13. स्केच रनर
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: खोज के लिए स्पॉटलाइट
स्केच अपने न्यूनतम कीबोर्ड वर्कफ़्लो के लिए बहुत पसंद किया जाता है। कहा जा रहा है, हमेशा दो या तीन कीबोर्ड शॉर्टकट होते हैं जिन्हें आप हमेशा फ़ोटोशॉप जैसे किसी अन्य डिज़ाइन ऐप के साथ भूल जाते हैं या भ्रमित करते हैं - और आइए उन कम सामान्य टूल और सुविधाओं को न भूलें जिनमें कीबोर्ड शॉर्टकट नहीं है और गहरे छिपे हुए हैं स्केच मेनू।
स्केच रनर इन मुद्दों को हल करता है और ऐसा इस तरह से करता है कि मैकओएस उपयोगकर्ता इससे परिचित हों - स्केच रनर मैकओएस स्पॉटलाइट है, लेकिन स्केच के लिए।
14. चिह्न फ़ॉन्ट
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: आइकन फोंट प्रबंधित करें
एक टन छवि संपत्तियों को निर्यात और अनुकूलित किए बिना आइकन फोंट आपके वेब डिज़ाइन में आइकन का उपयोग करने का एक अत्यधिक कुशल तरीका है। आमतौर पर हम आइकन फोंट का संदर्भ देते हैं सिर> HTML वेबपेजों का अनुभाग, जैसा कि हम CSS और JavaScript के साथ करते हैं। हालाँकि, स्केच में उनका उपयोग करना थोड़ा अधिक जटिल है। शुक्र है, आइकन फॉन्ट इसे आसान बनाता है।
Sketch IconFont को डाउनलोड और इंस्टॉल करने के बाद, SVG फ़ॉन्ट फ़ाइलें डाउनलोड करें या इस फ़ॉन्ट बंडल को डाउनलोड करें, जिसमें FontAwesome, सामग्री डिज़ाइन आइकन, आयन आइकन और सरल रेखा चिह्न के लिए फ़ॉन्ट फ़ाइलें शामिल हैं। जब आपका काम हो जाए, तो प्लगइन्स> आइकन फ़ॉन्ट> फ़ॉन्ट-बंडल स्थापित करें पर नेविगेट करें, ओपन फाइल डायलॉग से डाउनलोड किए गए फोंट का चयन करें, फिर प्लगइन्स> आइकन फॉन्ट> ग्रिड इंसर्ट> [आपका वांछित आइकन फ़ॉन्ट] पर नेविगेट करें। एक आइकन।
यहां तक कि अगर आप अपने डिजाइन के लिए एक कस्टम आइकन सेट डिजाइन करने का इरादा कर रहे हैं, तो आपके पास तैयार आइकन होने से आपको डिजाइन के शुरुआती चरणों में तेजी से प्रोटोटाइप बनाने में मदद मिल सकती है, आपके कम-निष्ठा वाले मॉकअप में थोड़ी अधिक स्पष्टता/निष्ठा जोड़ .
15. खोजें और बदलें
- यहाँ डाउनलोड करें
- कीमत: नि: शुल्क
- सारांश: चयनित परतों में टेक्स्ट ढूंढें और बदलें
केवल टेक्स्ट संपादक ही ऐसे स्थान नहीं हैं जिन्हें आपको खोजने और बदलने की आवश्यकता है - यह स्केच में भी उपयोगी है। इस प्लगइन में बहुत सारे उन्नत विकल्प हैं, और यह आपको चयनित परतों (और भीतर निहित सब कुछ) में पाठ में विशेष शब्दों या वाक्यांशों के उदाहरणों की खोज करने में सक्षम बनाता है, फिर इसे आसानी से बदलें।
अगला पृष्ठ: अधिक समय बचाने वाले स्केच प्लगइन्स
