कुछ हफ्ते पहले, मैंने यह देखने का फैसला किया कि मैं एक वास्तविक प्रोजेक्ट पर Claude Design को कितना आगे ले जा सकता हूँ
पहले तो मुझे लगा कि मैं कुछ घंटे फीचर्स टेस्ट करूँगा, एक त्वरित लैंडिंग पेज बनाऊँगा, और आगे बढ़ जाऊँगा
ऐसा नहीं हुआ
इसके बजाय, मैंने पूरी तरह से एक नया ब्रांड बनाना शुरू कर दिया
- लोगो
- ब्रांड आइडेंटिटी
- लैंडिंग पेज
- पिच डेक
- मोबाइल ऐप प्रोटोटाइप
- मार्केटिंग एसेट्स
जिस चीज़ ने मुझे सबसे ज्यादा हैरान किया, वह क्वालिटी नहीं थी
बल्कि यह था कि जब मैंने टूल का गलत इस्तेमाल किया, तो लागत कितनी तेज़ी से बढ़ने लगी
कई दिनों के टेस्टिंग, रीबिल्डिंग और अलग-अलग वर्कफ़्लो के साथ प्रयोग करने के बाद, मुझे एहसास हुआ कि ज़्यादातर लोग यह पता लगाने से पहले ही भारी मात्रा में यूसेज बर्बाद कर देंगे कि Claude Design वास्तव में किस चीज़ में अच्छा है
https://x.com/claudeai/status/2045156267690213649
तो इस लेख में, मैं उस सटीक प्रक्रिया के बारे में बताने जा रहा हूँ जो मैंने इस्तेमाल की, उन गलतियों के बारे में जिनमें मेरा सबसे ज़्यादा समय बर्बाद हुआ, और वह वर्कफ़्लो जो मैं सुझाऊँगा अगर आप आज शुरू कर रहे हैं
Claude Design वास्तव में क्या है
ज़्यादातर लोग यह नाम सुनते हैं और मान लेते हैं कि यह एक और AI इमेज जनरेटर है
यह वास्तव में सटीक नहीं है
Claude Design एक पारंपरिक डिज़ाइन टूल की तुलना में एक विज़ुअल प्रोडक्शन एनवायरनमेंट की तरह महसूस होता है
आप प्राकृतिक भाषा में बताते हैं कि आप क्या चाहते हैं, और यह उस अनुरोध के आसपास पूर्ण विज़ुअल एसेट्स बनाता है
- लैंडिंग पेज
- प्रेजेंटेशन
- प्रोडक्ट मॉकअप
- ब्रांड सिस्टम
- मोबाइल इंटरफ़ेस
- मार्केटिंग क्रिएटिव
- यहां तक कि एनिमेटेड कंटेंट भी
दिलचस्प बात यह है कि Claude केवल एक आउटपुट जनरेट करके वहाँ नहीं रुकता
यह लगातार मूल्यांकन करता है कि वह क्या बनाता है, असंगतियों की जाँच करता है, और अक्सर आपके नोटिस करने से पहले ही समस्याओं को ठीक कर देता है
यह फीडबैक लूप उन सबसे बड़े कारणों में से एक है जिसकी वजह से अंतिम परिणाम अधिकांश AI-जनरेटेड डिज़ाइनों की तुलना में अधिक पॉलिश महसूस होते हैं
मेरी सबसे बड़ी गलती
जब मैंने पहली बार शुरुआत की, मैंने Claude Design को एक ब्रेनस्टॉर्मिंग टूल की तरह ट्रीट किया
यह महँगा था
मैं एक नया प्रोजेक्ट खोलता, आइडियाज़ माँगता, बीच में ही दिशा बदल देता, लेआउट रीजनरेट करता, और पूरी तरह से अलग अवधारणाओं के साथ प्रयोग करता
परिणाम अनुमानित था
मैंने भारी मात्रा में यूसेज उस काम को जनरेट करने में खर्च कर दिया जो कभी अंतिम प्रोडक्ट में नहीं आया
आखिरकार मुझे कुछ महत्वपूर्ण एहसास हुआ
Claude Design तब सबसे अच्छा प्रदर्शन करता है जब सोच-विचार पहले ही हो चुका हो
आज मेरा वर्कफ़्लो पूरी तरह से अलग है
मैं Claude Design के बाहर ब्रेनस्टॉर्म करता हूँ
मैं पोजिशनिंग को परिभाषित करता हूँ
मैं ऑडियंस को परिभाषित करता हूँ
मैं विज़ुअल डायरेक्शन पर फैसला करता हूँ
मैं रंग चुनता हूँ
सब कुछ डॉक्यूमेंटेड होने के बाद ही मैं डिज़ाइन फेज़ में आगे बढ़ता हूँ
दक्षता में अंतर बहुत बड़ा है
पहले डिज़ाइन सिस्टम बनाएँ
अगर एक सबक याद रखने लायक है, तो वह है डिज़ाइन सिस्टम से शुरुआत करना:
- लैंडिंग पेज से नहीं
- प्रेजेंटेशन से नहीं
- ऐप मॉकअप से नहीं
एक उचित डिज़ाइन सिस्टम बाकी सब कुछ की नींव बन जाता है
- रंग
- टाइपोग्राफी
- स्पेसिंग
- बटन
- कार्ड
- इनपुट
- आइकन
- कंपोनेंट का व्यवहार
- विज़ुअल पदानुक्रम
एक बार जब वे फैसले हो जाते हैं, तो हर भविष्य की एसेट बनाना आसान हो जाता है
अपने प्रोजेक्ट के लिए, मैंने Claude Design को एक सरल ब्रांड ब्रीफ दिया जिसमें मिशन, ऑडियंस, विज़ुअल रेफरेंस, रंग प्राथमिकताएँ और समग्र स्टाइल दिशा शामिल थी
पहला वर्जन परफेक्ट नहीं था
कुछ एलिमेंट असंगत लगे
कुछ कंपोनेंट ब्रांड से थोड़ा बाहर दिखे
लेकिन फीडबैक के कुछ राउंड के बाद, सिस्टम आश्चर्यजनक रूप से ठोस हो गया
उस बिंदु से आगे, मैंने जो कुछ भी बनाया, उसने एक ही विज़ुअल भाषा साझा की
यहीं पर वास्तविक मूल्य दिखना शुरू हुआ
मेरा ब्रांड निर्माण वर्कफ़्लो
एक बार डिज़ाइन सिस्टम तैयार हो जाने के बाद, मैंने हर एसेट पर एक ही प्रक्रिया का पालन किया
चरण 1: ब्रांड फाउंडेशन बनाएँ
कुछ भी डिज़ाइन करने से पहले, मैंने एक विस्तृत दस्तावेज़ लिखा जिसमें समझाया गया:
- उत्पाद किसके लिए था
- इसने किस समस्या का समाधान किया
- इसे कैसा महसूस होना चाहिए
- यह किस तरह की ऑडियंस को आकर्षित करना चाहिए
यह हर भविष्य के फैसले के लिए सत्य का स्रोत बन गया
चरण 2: डिज़ाइन सिस्टम जनरेट करें
ब्रांड ब्रीफ का उपयोग करके, Claude Design ने विज़ुअल फ्रेमवर्क बनाया
- टाइपोग्राफी पदानुक्रम
- प्राथमिक और द्वितीयक रंग
- कंपोनेंट
- स्पेसिंग नियम
- इंटरेक्शन पैटर्न
- सब कुछ यहीं से शुरू हुआ
चरण 3: पिच डेक बनाएँ
पहले से स्थापित डिज़ाइन सिस्टम के साथ, एक प्रेजेंटेशन बनाना बहुत आसान हो गया
हर स्लाइड को अलग-अलग डिज़ाइन करने के बजाय, मैंने केवल कहानी पर ध्यान केंद्रित किया
विज़ुअल संगति पहले से ही संभाली जा चुकी थी
अंतिम परिणाम उससे कहीं अधिक पेशेवर लग रहा था जितना मैं उसी समय में मैन्युअल रूप से बना सकता था
चरण 4: लैंडिंग पेज बनाएँ
लैंडिंग पेज वह जगह थी जहाँ सब कुछ एक साथ आने लगा
- हीरो सेक्शन
- फीचर ब्रेकडाउन
- तुलना तालिकाएँ
- टेस्टिमोनियल
- कॉल-टू-एक्शन सेक्शन
क्योंकि विज़ुअल भाषा पहले से मौजूद थी, पेज लगभग तुरंत एकजुट महसूस हुआ
स्क्रैच से डिज़ाइन करने के बजाय, मैं एक मौजूदा सिस्टम से टुकड़े जोड़ रहा था
चरण 5: मोबाइल स्क्रीन बनाएँ
इसके बाद मोबाइल अनुभव आया
पहले वायरफ्रेम बनाने के बजाय, मैं सीधे उच्च-फिडेलिटी स्क्रीन पर चला गया
इससे आश्चर्यजनक मात्रा में समय बचा
डिज़ाइन सिस्टम में पहले से ही इंटरफ़ेस के लिए आवश्यक अधिकांश बिल्डिंग ब्लॉक मौजूद थे
चरण 6: मार्केटिंग एसेट्स बनाएँ
अंत में, मैंने प्रमोशनल मटेरियल जनरेट करने के लिए उसी ब्रांड फ्रेमवर्क का उपयोग किया
- सोशल मीडिया ग्राफिक्स
- प्रोडक्ट विज़ुअल
- लॉन्च एसेट्स
- प्रेजेंटेशन ग्राफिक्स
सब कुछ मेल खाता था क्योंकि सब कुछ एक ही स्रोत से उत्पन्न हुआ था
जब आप कई टूल और डिस्कनेक्टेड वर्कफ़्लो के बीच कूद रहे होते हैं, तो वह संगति हासिल करना मुश्किल है
छिपी हुई सुपरपावर
ज़्यादातर लोग केवल प्रॉम्प्ट के माध्यम से Claude Design के साथ बातचीत करते हैं
यह वास्तव में काम करने के सबसे धीमे तरीकों में से एक है
असली लाभ प्रोजेक्ट के अंदर सीधे छोटे समायोजन करने से आता है
- टेक्स्ट बदलना
- स्पेसिंग को एडजस्ट करना
- लेआउट को परिष्कृत करना
- रंग अपडेट करना
पूरे सेक्शन को रीजनरेट करने के बजाय लक्षित सुधार करना
हर अनावश्यक जनरेशन में समय और यूसेज खर्च होता है
हर सीधा संपादन दोनों को बचाता है
समय के साथ, वे छोटी बचत महत्वपूर्ण हो जाती है
क्रेडिट कैसे बचाएँ
अपने इरादे से कहीं अधिक खर्च करने के बाद, मैंने अंततः नियमों का एक सरल सेट विकसित किया
- Claude Design के बाहर ब्रेनस्टॉर्म करें
- कुछ भी जनरेट करने से पहले एक विस्तृत ब्रीफ बनाएँ
- जब भी संभव हो रेफरेंस का उपयोग करें
- ठीक वैसा ही बताएँ जैसा आप चाहते हैं
- वह बताएँ जो आप नहीं चाहते
एक ही प्रॉम्प्ट में कई बड़े अनुरोध करने से बचें
लंबे जनरेशन को अनियंत्रित रूप से चलने देने के बजाय आउटपुट की जल्दी समीक्षा करें
सबसे महत्वपूर्ण बात, प्रोजेक्ट खोलने से पहले फैसले करें
अनिर्णय यूसेज को जलाने के सबसे तेज़ तरीकों में से एक है
अंतिम उत्पाद प्रकाशित करना
डिज़ाइन बनाना प्रक्रिया का केवल आधा हिस्सा है
आखिरकार, सब कुछ लाइव होने की आवश्यकता है
विज़ुअल एसेट्स को अंतिम रूप देने के बाद, मैंने उन्हें डेवलपमेंट और डिप्लॉयमेंट में ले गया
यहीं पर डिज़ाइन सिस्टम और भी मूल्यवान हो गया
दर्जनों डिस्कनेक्टेड फ़ाइलें सौंपने के बजाय, मेरे पास एक एकीकृत विज़ुअल भाषा थी जिसे अंतिम उत्पाद में लगातार लागू किया जा सकता था
कॉन्सेप्ट से लाइव वेबसाइट में संक्रमण मेरी अपेक्षा से कहीं अधिक सहज हो गया
अंतिम विचार
Claude Design ने डिज़ाइनर्स को रिप्लेस नहीं किया
इसने जादुई रूप से क्रिएटिव काम को खत्म नहीं किया
इसने जो किया वह एक आइडिया और एक तैयार उत्पाद के बीच की दूरी को नाटकीय रूप से कम करना था
वह वर्कफ़्लो जो मेरे लिए सबसे अच्छा काम करता था, आश्चर्यजनक रूप से सरल था
- पहले योजना बनाएँ
- दूसरे डिज़ाइन करें
- तीसरे बिल्ड करें
जो लोग Claude Design से सबसे अधिक मूल्य प्राप्त कर रहे हैं, वे इसे चैटबॉट की तरह नहीं मान रहे हैं
वे इसे एक विशेष उपकरण की तरह मान रहे हैं जिसकी एक बड़ी क्रिएटिव प्रक्रिया के अंदर एक विशिष्ट भूमिका है
एक बार जब मैंने इसे उस तरह से अपनाना शुरू किया, तो सब कुछ तेज़, सस्ता और कहीं अधिक सुसंगत हो गया
और तब मुझे आखिरकार समझ में आया कि इतने सारे लोग इसके बारे में उत्साहित क्यों हैं
GIF
