दस्तावेज़3D वेबसाइट बिल्डरबिल्डर अवलोकन

बिल्डर अवलोकन

3D वेबसाइट बिल्डर पाइपलाइन कैसे काम करती है — प्रॉम्प्ट से प्रकाशित साइट तक।

बिल्डर क्या बनाता है

3D बिल्डर में हर जनरेशन एक प्रॉम्प्ट से पाँच डिलिवरेबल उत्पन्न करता है:

1.AI हीरो इमेज — साइट की विज़ुअल नींव के रूप में उपयोग की जाने वाली सिनेमैटिक, उच्च-रिज़ॉल्यूशन स्टिल
2.मोशन वीडियो — बैकग्राउंड एनिमेशन को परिभाषित करने वाली Veo 3.1 वीडियो क्लिप
3.स्क्रॉल फ़्रेम — स्क्रॉल-सिंक्ड प्लेबैक के लिए वीडियो से निकाले गए ~200 WebP फ़्रेम
4.वेबसाइट HTML — सेक्शन, नेविगेशन, फ़ुटर, स्क्रॉल इंजन और SEO मेटा के साथ पूर्ण रिस्पॉन्सिव साइट
5.लाइव URL — सेकंडों में *.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 आपके प्रोजेक्ट को दो परतों में लगातार ऑटो-सेव करता है:

लोकल (तुरंत) — परिवर्तन हर 250ms में आपके ब्राउज़र की लोकल स्टोरेज में सहेजे जाते हैं
क्लाउड (Firestore) — हर 20–60 सेकंड में सर्वर से सिंक होता है

हेडर में सेव स्टेटस इंडिकेटर: - Saved — सभी परिवर्तन क्लाउड में सिंक हो चुके हैं - Saving... — क्लाउड सिंक प्रगति पर है - Working... — जनरेशन प्रगति पर है

यदि आप जनरेशन के बीच टैब बंद कर देते हैं, तो प्रोजेक्ट दोबारा खोलने पर Auto-resume बैनर दिखाई देता है — जहाँ जनरेशन रुका था ठीक वहीं से जारी रखने के लिए क्लिक करें। आपका काम कभी नहीं खोता।

बिल्डर टैब की व्याख्या

Log — लाइव जनरेशन फ़ीड। हर पाइपलाइन चरण, समय और चेतावनियाँ जैसे-जैसे होती हैं, देखें।

Image — आपकी हीरो स्टिल। कच्ची इमेज डाउनलोड करें या नई इमेज जनरेशन शुरू करें।

Video — मोशन वीडियो। MP4 डाउनलोड करें या अलग गुणवत्ता सेटिंग्स के साथ पुनः जनरेट करें।

Frames — वीडियो से निकाले गए ~200 स्क्रॉल फ़्रेम। ये पैरलैक्स स्क्रॉल प्रभाव को संचालित करते हैं।

Code — आपकी जनरेट की हुई साइट का कच्चा HTML। कॉपी करें, ZIP के रूप में डाउनलोड करें या GitHub पर पुश करें।

History — वर्ज़न चेकपॉइंट। हर रीजनरेशन या बड़ा संपादन एक रिस्टोर पॉइंट बनाता है। रोल बैक करने के लिए किसी भी वर्ज़न पर क्लिक करें — मुफ़्त, कोई क्रेडिट नहीं।

Business OS — आपके ब्रांड के लिए AI बिज़नेस इंटेलिजेंस डैशबोर्ड (Pro+)। कंटेंट सुझाव, एनालिटिक्स संदर्भ और बहुत कुछ शामिल है।