बिल्डर अवलोकन
3D वेबसाइट बिल्डर पाइपलाइन कैसे काम करती है — प्रॉम्प्ट से प्रकाशित साइट तक।
बिल्डर क्या बनाता है
3D बिल्डर में हर जनरेशन एक प्रॉम्प्ट से पाँच डिलिवरेबल उत्पन्न करता है:
*.draftly.space पर आपके सबडोमेन पर प्रकाशितपाँचों एक ही वर्कफ़्लो में बनते हैं। आपको कुछ भी मैन्युअल रूप से जोड़ना नहीं पड़ता।
5-चरणीय जनरेशन पाइपलाइन
Draftly एक विशाल AI कॉल के बजाय चंक्ड पाइपलाइन का उपयोग करता है। यह गुणवत्ता और पूर्णता की गारंटी देता है:
चरण 0 — Plan (~5 सेकंड) AI आपका प्रॉम्प्ट पढ़ता है और साइट का ब्लूप्रिंट देता है: ब्रांड नाम, टैगलाइन, हीरो हेडलाइन, हीरो CTA, कलर मूड, फ़ॉन्ट मूड, 3–7 सेक्शन और 3–5 विशिष्ट विभेदक (आपके व्यवसाय के बारे में अनोखे तथ्य, सामान्य कॉपी नहीं)।
चरण 1 — Shell (~20 सेकंड) नेविगेशन बार, हीरो सेक्शन, CSS वेरिएबल, स्क्रॉल फ़्रेम इंजन और सेक्शन तथा फ़ुटर के लिए प्लेसहोल्डर एंकर जनरेट करता है।
चरण 2 — Sections (समानांतर, ~30 सेकंड) प्रत्येक सेक्शन (फ़ीचर्स, प्राइसिंग, टेस्टिमोनियल आदि) एक अलग समानांतर AI कॉल में जनरेट होता है। 6-सेक्शन साइट में 3-सेक्शन साइट जितना ही समय लगता है।
चरण 3 — Footer (~10 सेकंड) फ़ुटर को अलग से जनरेट करता है ताकि वह हमेशा मौजूद रहे। फ़ुटर कभी सेक्शन बजट का हिस्सा नहीं होता और कभी कट नहीं सकता।
चरण 4 — Assemble (~5 सेकंड) सभी हिस्से जोड़े जाते हैं। SEO मेटा टैग, Open Graph टैग, JSON-LD संरचित डेटा, H1 गारंटी और कैनोनिकल URL इंजेक्ट किए जाते हैं।
बिल्डर इंटरफ़ेस
बायाँ पैनल — चैट और नियंत्रण - नीचे चैट इनपुट: अपनी साइट का वर्णन करें या संपादन का अनुरोध करें - ऊपर सिस्टम लॉग: हर जनरेशन चरण समय और स्थिति के साथ - एक्शन बटन: फ़ुलस्क्रीन प्रीव्यू, टेक्स्ट संपादन, रंग बदलना, लाइव प्रकाशन - टैब बार: Log, Image, Video, Frames, Code, History, Business OS
दायाँ पैनल — लाइव प्रीव्यू - सक्रिय स्क्रॉल एनिमेशन के साथ iframe में रेंडर की गई आपकी जनरेट की हुई साइट - किसी भी टेक्स्ट पर क्लिक करके इनलाइन संपादित करें (मुफ़्त, शून्य क्रेडिट) - टूलबार: आस्पेक्ट रेशियो टॉगल (16:9 / 9:16), View / Edit / Editing मोड, फ़ुलस्क्रीन, रीजनरेट
हेडर बार - प्रोजेक्ट नाम — नाम बदलने के लिए क्लिक करें - सेव स्टेटस पिल — रियल टाइम में Saved / Saving... / Working... दिखाता है - क्रेडिट ट्रैकर — इस बिलिंग चक्र के शेष क्रेडिट
ऑटो-सेव और रिकवरी
Draftly आपके प्रोजेक्ट को दो परतों में लगातार ऑटो-सेव करता है:
हेडर में सेव स्टेटस इंडिकेटर: - Saved — सभी परिवर्तन क्लाउड में सिंक हो चुके हैं - Saving... — क्लाउड सिंक प्रगति पर है - Working... — जनरेशन प्रगति पर है
यदि आप जनरेशन के बीच टैब बंद कर देते हैं, तो प्रोजेक्ट दोबारा खोलने पर Auto-resume बैनर दिखाई देता है — जहाँ जनरेशन रुका था ठीक वहीं से जारी रखने के लिए क्लिक करें। आपका काम कभी नहीं खोता।
बिल्डर टैब की व्याख्या
Log — लाइव जनरेशन फ़ीड। हर पाइपलाइन चरण, समय और चेतावनियाँ जैसे-जैसे होती हैं, देखें।
Image — आपकी हीरो स्टिल। कच्ची इमेज डाउनलोड करें या नई इमेज जनरेशन शुरू करें।
Video — मोशन वीडियो। MP4 डाउनलोड करें या अलग गुणवत्ता सेटिंग्स के साथ पुनः जनरेट करें।
Frames — वीडियो से निकाले गए ~200 स्क्रॉल फ़्रेम। ये पैरलैक्स स्क्रॉल प्रभाव को संचालित करते हैं।
Code — आपकी जनरेट की हुई साइट का कच्चा HTML। कॉपी करें, ZIP के रूप में डाउनलोड करें या GitHub पर पुश करें।
History — वर्ज़न चेकपॉइंट। हर रीजनरेशन या बड़ा संपादन एक रिस्टोर पॉइंट बनाता है। रोल बैक करने के लिए किसी भी वर्ज़न पर क्लिक करें — मुफ़्त, कोई क्रेडिट नहीं।
Business OS — आपके ब्रांड के लिए AI बिज़नेस इंटेलिजेंस डैशबोर्ड (Pro+)। कंटेंट सुझाव, एनालिटिक्स संदर्भ और बहुत कुछ शामिल है।