वेब डेवलपर्स के लिए 10 फ्री स्केच प्लगइन्स

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

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

1. सीएसएस बडी

सीएसएस बडी आपको स्केच कार्यक्षेत्र में सीएसएस को अपनी परत में जोड़ने की अनुमति देता है। मूल रूप से, आप सीएसएस का उपयोग करके चौड़ाई, ऊंचाई, अस्पष्टता, बॉक्स-छाया, सीमा और पृष्ठभूमि को लागू कर सकते हैं.

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

2. सामग्री डिजाइन रंग पैलेट

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

यह प्लगइन आपके कार्यक्षेत्र को बंद करने के बिना सेकंड में रंग पैलेट उत्पन्न करेगा। रंग पैलेट उत्पन्न करने के लिए ह्यू, मान, या स्वैच चुनें जो आपकी परियोजना के लिए उपयुक्त है.

3. स्केच नोटबुक

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

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

4. डे प्लेयर

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

5. सामग्री जनरेटर

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

डमी डेटा जोड़ने के लिए, बस एक परत चुनें, फिर चयन करें प्लगिन> जेनरेटर, और चुनें भू, व्यक्तित्व या तस्वीरें.

6. स्केच उपाय

स्केच उपाय स्केच के लिए एक माप उपकरण है। यह आपके डिजाइन में एक परत (या परतों) की लंबाई या आकार को मापता है। आपको एक लेयर की पैडिंग और मार्जिन के साथ-साथ दो लेयर्स के बीच की दूरी भी मिलती है। स्केच माप रंग, सीमा और अपारदर्शिता जैसे परत गुणों को भी मुद्रित कर सकता है। सभी मापों को कीबोर्ड शॉर्टकट के माध्यम से लाया जा सकता है.

7. डायनामिक बटन

डायनामिक बटन आपको निश्चित पैडिंग के साथ आसानी से बटन बनाने में मदद करता है। यह आपके द्वारा दिए गए मूल्य के आधार पर, आपके टेक्स्ट की लंबाई से कोई फर्क नहीं पड़ता है, स्वचालित रूप से समायोजित कर देगा। स्थापित प्लगइन के साथ, एक पाठ को शॉर्टकट कमांड + जे के साथ एक संरचना में परिवर्तित किया जा सकता है। इसके बाद आवश्यक पैडिंग की मात्रा को (0: 0: 0: 0) टेक्स्ट लेयर (फ्लेक्स बटन समूह के तहत) में छिद्रित किया जा सकता है।.

8. टाइपोग्राफिक स्केल

टाइपोग्राफिक स्केल चयनित टेक्स्ट लेयर को टाइपोग्राफिक स्केल में बदलने का एक प्लगइन है। इस प्लगइन का उपयोग करने के लिए, बस पाठ परत (एकल या एकाधिक) का चयन करें, या मिश्रित परत जिसमें कम से कम एक पाठ परत हो, फिर चुनें प्लगइन> टाइपोग्राफिक स्केल और संवाद पर मूल्य समायोजित करें। परिणाम स्केल्ड टेक्स्ट का एक सेट है जो टाइपोग्राफिक स्केल के नियमों का पालन करता है.

9. मॉड्यूल

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

10. ब्लेड

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

ब्लेड का उपयोग करते समय, आप प्लगइन को बता सकते हैं कि विशेष तत्व को परत में एक विशेष नाम, जैसे कि [btn] या इनपुट [टेक्स्ट] जोड़कर उत्पन्न किया जा सकता है, इसलिए ब्लेड को पता है कि उसे क्या करना चाहिए। इस वीडियो डेमो को अंदर के लुक के लिए देखें.

अब पढ़ें: वर्डप्रेस डेवलपर्स के लिए 12 उपयोगी प्लगइन्स