نظرة عامة على المُنشئ

كل عملية توليد في المُنشئ ثلاثي الأبعاد تنتج خمسة مخرجات من موجه واحد:

يتم إنشاء الخمسة جميعها في سير عمل واحد. لا تقوم بدمج أي شيء يدويًا.

يستخدم Draftly مسار عمل مجزأ بدلاً من استدعاء واحد ضخم للذكاء الاصطناعي. هذا يضمن الجودة والاكتمال:

المرحلة 0 — التخطيط (~5 ثوانٍ) يقرأ الذكاء الاصطناعي طلبك ويُخرج مخططًا للموقع: اسم العلامة التجارية، الشعار، عنوان البطل، دعوة البطل لاتخاذ إجراء، مزاج الألوان، مزاج الخطوط، 3-7 أقسام، و3-5 عوامل تمييز محددة (حقائق فريدة عن عملك، وليست نصوصًا عامة).

المرحلة 1 — الهيكل (~20 ثانية) يُنشئ شريط التنقل، قسم البطل، متغيرات CSS، محرك إطارات التمرير، ومثبتات نائبة للأقسام والتذييل.

المرحلة 2 — الأقسام (متوازية، ~30 ثانية) يتم إنشاء كل قسم (الميزات، الأسعار، الشهادات، إلخ) في استدعاء ذكاء اصطناعي متوازٍ منفصل. يستغرق موقع من 6 أقسام نفس الوقت الذي يستغرقه موقع من 3 أقسام.

المرحلة 3 — التذييل (~10 ثوانٍ) يُنشئ التذييل بشكل منفصل ليكون موجودًا دائمًا. التذييل ليس جزءًا من ميزانية القسم ولا يمكن اختصاره أبدًا.

المرحلة 4 — التجميع (~5 ثوانٍ) يتم تجميع جميع الأجزاء معًا. يتم حقن علامات وصف SEO، وعلامات Open Graph، والبيانات المنظمة JSON-LD، وضمان H1، وعنوان URL الأساسي.

اللوحة اليسرى — الدردشة وعناصر التحكم - حقل إدخال الدردشة في الأسفل: صف موقعك أو اطلب تعديلات - سجل النظام أعلاه: كل مرحلة إنشاء مع التوقيت والحالة - أزرار الإجراءات: معاينة بملء الشاشة، تحرير النص، تغيير الألوان، النشر المباشر - شريط التبويبات: السجل، الصورة، الفيديو، الإطارات، الكود، المحفوظات، نظام تشغيل الأعمال

اللوحة اليمنى — المعاينة المباشرة - موقعك المُنشأ معروض في إطار iframe مع تفعيل حركة التمرير - انقر على أي نص للتحرير المباشر (مجاني، بدون رصيد) - شريط الأدوات: تبديل نسبة العرض إلى الارتفاع (16:9 / 9:16)، أوضاع العرض / التحرير / التعديل، ملء الشاشة، إعادة الإنشاء

شريط الرأس - اسم المشروع — انقر لإعادة التسمية - مؤشر حالة الحفظ — يعرض تم الحفظ / جارٍ الحفظ... / جارٍ العمل... في الوقت الفعلي - متتبع الرصيد — الرصيد المتبقي لدورة الفوترة هذه

يقوم Draftly بحفظ مشروعك تلقائيًا بشكل مستمر في طبقتين:

مؤشر حالة الحفظ في الرأس: - تم الحفظ — جميع التغييرات تمت مزامنتها مع السحابة - جارٍ الحفظ... — مزامنة سحابية قيد التقدم - جارٍ العمل... — إنشاء قيد التقدم

إذا أغلقت التبويب أثناء الإنشاء، يظهر شعار الاستئناف التلقائي عند إعادة فتح المشروع — انقر عليه للمتابعة من حيث توقف الإنشاء بالضبط. عملك لا يضيع أبدًا.

السجل — تغذية الإنشاء المباشرة. شاهد كل مرحلة من مراحل مسار العمل، والتوقيت، والتحذيرات فور حدوثها.

الصورة — صورتك الثابتة الرئيسية. قم بتنزيل الصورة الأصلية أو ابدأ إنشاء صورة جديدة.

الفيديو — الفيديو المتحرك. قم بتنزيل ملف MP4 أو أعد الإنشاء بإعدادات جودة مختلفة.

الإطارات — حوالي 200 إطار تمرير مستخرج من الفيديو. هذه تشغل تأثير التمرير المنظر (parallax).

الكود — كود HTML الخام لموقعك المُنشأ. انسخه، نزّله كملف ZIP، أو ارفعه إلى GitHub.

المحفوظات — نقاط استعادة الإصدارات. كل إعادة إنشاء أو تعديل رئيسي ينشئ نقطة استعادة. انقر على أي إصدار للعودة إليه — مجاني، بدون رصيد.

نظام تشغيل الأعمال — لوحة تحكم ذكاء الأعمال المدعومة بالذكاء الاصطناعي لعلامتك التجارية (Pro+). تتضمن اقتراحات المحتوى، سياق التحليلات، والمزيد.

انقر على معاينة في رأس الاستوديو أو تبويب جديد في شريط أدوات المعاينة لفتح موقعك بجودة النشر في تبويب متصفح منفصل — بدون واجهة المُنشئ — بينما تستمر في التحرير في الاستوديو.

يتم تحميل مواقع HTML المدعومة بالذكاء الاصطناعي من عنوان URL للمعاينة في الذاكرة مع حقن إطارات التمرير والفيديو الخاص بك.

تفتح المشاريع المحددة مسبقًا /presets/live/[projectId] مع إطاراتك المرسلة عبر postMessage من الفاتح.

إذا تم حظر النافذة المنبثقة، اسمح بالنوافذ المنبثقة لموقع draftly.space وحاول مرة أخرى. يستمر الحفظ التلقائي في التبويب الأصلي.

أثناء إنشاء صورة البطل، والفيديو، واستخراج الإطارات، وواجهة مستخدم الموقع، تعرض المعاينة بطاقة تقدم واحدة تتضمن:

الإجماليات النموذجية: البطل ~2-3 دقائق، الفيديو ~3-4 دقائق، الإطارات ~1-2 دقيقة، واجهة مستخدم الموقع ~2-3 دقائق.

إذا تجاوزت المهمة التقدير، تعرض البطاقة "يستغرق وقتًا أطول من المعتاد" — يستمر استدعاء API حتى يكتمل. استخدم إلغاء الإنشاء للتوقف مبكرًا.

تقتصر دردشة الاستوديو على موقعك ومُنشئ Draftly — وليست دردشة ذكاء اصطناعي عامة.

تعديلات الموقع (أوامر مباشرة): "غيّر عنوان البطل إلى ..."، "أضف قسم الأسئلة الشائعة"، "مظهر أغمق بلمسات ذهبية".

أسئلة الكيفية تحصل على إجابات فورية: "كيف أنشر؟"، "كيف يعمل وضع التمرير؟"، "لماذا موقعي بطيء مع 4 فيديوهات؟"

يتم إعادة توجيه الرسائل غير ذات الصلة (الطقس، الواجبات المنزلية، البرمجة غير المتعلقة) بروابط إلى الدليل والوثائق.

افتح الدليل (الرأس) للاطلاع على الشرح الكامل أو اسأل في الدردشة باستخدام صيغة سؤال.

انقر على تقليل الحركة في شريط أدوات المعاينة لتقليل رسوم متحركة واجهة مستخدم الاستوديو. يتم تخزين نفس التفضيل في الإعدادات ← المظهر ← تقليل الرسوم المتحركة.

تتضمن المواقع المُنشأة بدائل CSS لـ prefers-reduced-motion بحيث يرى الزوار الذين لديهم إعدادات إمكانية الوصول في نظام التشغيل عروضًا ثابتة بدلاً من التأثيرات الغنية بالحركة.