क्लाउड डिज़ाइन — यह क्या है और इसका उपयोग कैसे करें

एंथ्रोपिक ने क्लाउड डिज़ाइन लॉन्च किया: क्या शिप किया गया, यह फिग्मा और कैनवा से क्यों अलग है, और क्लाउड कोड हैंडऑफ़ बंडल डिज़ाइन-टू-कोड को एक बातचीत में कैसे समेटता है।

क्लाउड डिज़ाइन कल शिप किया गया।

एंथ्रोपिक लैब्स का नवीनतम उत्पाद: डिज़ाइन, प्रोटोटाइप, स्लाइड, वन-पेजर और लैंडिंग पेज बनाने के लिए क्लाउड के साथ सहयोग करें। ओपस 4.7 द्वारा संचालित। प्रो, मैक्स, टीम और एंटरप्राइज़ ग्राहकों के लिए claude.ai/design पर लाइव।

वह संख्या जो सब कुछ फ्रेम करती है, ओलिविया जू, ब्रिलियंट में वरिष्ठ उत्पाद डिजाइनर से: "हमारे सबसे जटिल पेज, जिन्हें अन्य टूल में फिर से बनाने में 20+ प्रॉम्प्ट लगे, क्लाउड डिज़ाइन में केवल 2 प्रॉम्प्ट की आवश्यकता थी।" ब्रिलियंट के पेज घनी इंटरैक्टिविटी के लिए जाने जाते हैं। जब एक डिज़ाइन-फॉरवर्ड कंपनी का एक डिजाइनर ऐसा कहता है, तो टूल हुड के नीचे कुछ वास्तव में अलग कर रहा होता है।

सबसे महत्वपूर्ण विशेषता: क्लाउड कोड को हैंडऑफ़।

जब एक डिज़ाइन बनाने के लिए तैयार होता है, तो क्लाउड डिज़ाइन सब कुछ (इरादा, घटक, इंटरैक्शन, डिज़ाइन सिस्टम संदर्भ) एक बंडल में पैक करता है जिसे आप एक निर्देश के साथ क्लाउड कोड को पास करते हैं। क्लाउड कोड इसे लागू करता है।

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

आपका ब्रांड ऑनबोर्डिंग के दौरान बनाया जाता है। क्लाउड आपके कोडबेस और मौजूदा डिज़ाइन फ़ाइलों को आपके रंग, टाइपोग्राफी और घटकों को सीखने के लिए पढ़ता है। हर प्रोजेक्ट उस सिस्टम का स्वचालित रूप से उपयोग करता है, और आप एक से अधिक (मार्केटिंग साइट, उत्पाद, निवेशक डेक) बनाए रख सकते हैं। आपका ब्रांड सीखा जाता है, कॉन्फ़िगर नहीं किया जाता है।

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

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

निर्यात पथ: एक आंतरिक यूआरएल के रूप में साझा करें, एक फ़ोल्डर के रूप में सहेजें, या पीडीएफ, पीपीटीएक्स, या स्टैंडअलोन एचटीएमएल में निर्यात करें। एक जिसे कॉल आउट करने लायक है: कैनवा में निर्यात करें (कैनवा सीईओ मेलानी पर्किन्स का लॉन्च पोस्ट में एक उद्धरण है)। कैनवा में धकेले गए डिज़ाइन गैर-तकनीकी टीम के साथियों के लिए पूरी तरह से संपादन योग्य हो जाते हैं। इसका उपयोग तब करें जब अगला कदम "मार्केटिंग को इसमें बदलाव करने की आवश्यकता है" बजाय "इंजीनियरिंग को इसे बनाने की आवश्यकता है।"

टीमों द्वारा इसका उपयोग किस लिए किया जाता है, सीधे लॉन्च पोस्ट से: उपयोगकर्ता परीक्षण के लिए स्थिर मॉकअप से प्रोटोटाइप, उत्पाद वायरफ्रेम जो क्लाउड कोड को हैंडऑफ़ करते हैं, एक मोटे रूपरेखा से पिच डेक, और एक विवरण से लैंडिंग पेज। अनीश केथिनी, डेटाडॉग में पीएम: "जो पहले ब्रीफ, मॉकअप और समीक्षा राउंड के बीच एक सप्ताह का बैक-एंड-फोर्थ लेता था, वह अब एक ही बातचीत में होता है।"

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

क्या शिप किया गया: क्लाउड डिज़ाइन, ओपस 4.7 द्वारा संचालित एक एंथ्रोपिक लैब्स रिसर्च प्रीव्यू, प्रो, मैक्स, टीम और एंटरप्राइज़ के लिए claude.ai/design पर।

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