الإطارات الشبكية
مرحباً
منطقة الإطارات الشبكية تتيح لك تصميم ونمذجة تخطيطات واجهتك بصرياً. أنشئ إطارات شبكية لتخطيط هيكل تطبيقك قبل البرمجة. عند فتح الإطارات الشبكية لأول مرة، سترى شاشة الترحيب مع بطاقة إنشاء إطار شبكي للبدء، أو استخدم زر + إطار شبكي جديد في الزاوية العلوية اليمنى.
الميزات الرئيسية
التصميم اليدوي
ابنِ إطارات شبكية يدوياً باستخدام محرر اللوحة المرئي — اسحب وأفلت المكونات لتصميم شاشاتك.
التوليد بالذكاء الاصطناعي
صف ما تريد ودع الذكاء الاصطناعي يولد التوثيق وإطارات الإطار الشبكي تلقائياً.
الإدخال الصوتي
استخدم زر الميكروفون المدمج أو النقرة الوسطى لإملاء وصف إطارك الشبكي بالصوت.
من الإطار الشبكي إلى الكود
بمجرد أن يصبح إطارك الشبكي جاهزاً، أرسله مباشرة لتوليد الكود — الانتقال من التصميم إلى الكود الوظيفي في سير عمل متواصل.
إنشاء إطار شبكي
انقر على إنشاء إطار شبكي أو + إطار شبكي جديد لفتح حوار الإنشاء. ستدخل عنواناً وتحدد المنصة المستهدفة (الهاتف أو سطح المكتب أو الويب) وتكتب وصفاً لإطارك الشبكي وتختار بين الوضع اليدوي أو بالذكاء الاصطناعي.
حقول إعداد المشروع
العنوان
أعطِ اسماً لمشروع الإطار الشبكي حتى تتمكن من التعرف عليه لاحقاً في قائمة الإطارات الشبكية.
المنصة
حدد المنصة المستهدفة — الهاتف أو سطح المكتب أو الويب — لتكييف التصميم وقيود الإطار الشبكي.
الوصف
صف ما تريد بناءه. يستخدمه وضع الذكاء الاصطناعي لتوليد التوثيق والإطارات. يدعم الإدخال الصوتي عبر زر الميكروفون.
الوضع
اختر يدوي للذهاب مباشرة لمحرر اللوحة، أو بالذكاء الاصطناعي ليولد الذكاء الاصطناعي التوثيق والإطارات نيابة عنك.
الوضع اليدوي
عند اختيار تبويب اليدوي والنقر على إنشاء، ستُنقل مباشرة إلى محرر لوحة الإطار الشبكي حيث يمكنك البدء في بناء شاشاتك فوراً. هذا أفضل خيار عندما يكون لديك فكرة واضحة عن تصميمك وتريد تحكماً كاملاً من البداية.
متى تستخدم اليدوي
لديك تصميم محدد في ذهنك وتريد بناءه بنفسك.
تريد رسم تخطيط أولي سريعاً قبل تنقيحه.
تفضل التحكم الكامل في كل عنصر من البداية.
الوضع بالذكاء الاصطناعي
عند اختيار تبويب بالذكاء الاصطناعي، تظهر خيارات إضافية. يمكنك كتابة أو إملاء وصفك، وتحديد إطارات فردية اختيارياً، واختيار نموذج الذكاء الاصطناعي المفضل من القائمة المنسدلة أعلاه، ثم النقر على توليد ليقوم الذكاء الاصطناعي بإنشاء توثيق الإطار الشبكي نيابة عنك.
كيف يعمل
إدخال التفاصيل
أكمل العنوان وحدد المنصة واكتب وصفاً لمشروعك.
تحديد الإطارات (اختياري)
بدّل إلى تبويب تحديد الإطارات لتحديد شاشات أو عروض فردية تريد أن يولدها الذكاء الاصطناعي.
اختيار نموذج الذكاء الاصطناعي
اختر نموذج الذكاء الاصطناعي المفضل من القائمة المنسدلة (مثلاً Claude Code و Opus 4.6).
التوليد
انقر على توليد لبدء توليد التوثيق بالذكاء الاصطناعي. مشروع الإطار الشبكي سيظهر في قائمتك بينما يتم إنشاء التوثيق.
بناء الإطارات
بمجرد اكتمال التوثيق، يمكنك البدء في توليد كل إطار فردي من محرر الإطار الشبكي.
تحسين بالذكاء الاصطناعي
في وضع الذكاء الاصطناعي، النقر على زر تحسين بالذكاء الاصطناعي يفتح حواراً يتيح لك تحسين وصفك باستخدام الذكاء الاصطناعي. يأخذ ما كتبته في حقل الوصف ويحسنه بناءً على تعليماتك — يجعله أكثر تفصيلاً وتنظيماً أو اكتمالاً قبل توليد الإطار الشبكي.
خيارات التحسين
نموذج الذكاء الاصطناعي
حدد نموذج الذكاء الاصطناعي المستخدم لتحسين وصفك (مثلاً Claude Code و Opus 4.6).
تعليمات التحسين
اختيارياً قدم تعليمات محددة حول كيفية تحسين الذكاء الاصطناعي للوصف. يدعم الإدخال الصوتي.
تحسين الوصف
انقر لتنفيذ التحسين. سيعيد الذكاء الاصطناعي كتابة وتحسين وصفك بناءً على مدخلاتك وتعليماتك.
توليد التوثيق
بعد النقر على توليد في وضع الذكاء الاصطناعي، يظهر مشروع الإطار الشبكي في قائمة الإطارات الشبكية بحالة جارٍ توليد التوثيق.... الذكاء الاصطناعي ينشئ توثيقاً منظماً لمشروعك بناءً على العنوان والمنصة والوصف والإطارات التي حددتها.
ما يحدث بعد ذلك
توليد التوثيق
ينشئ الذكاء الاصطناعي وثيقة منظمة تحدد كل شاشة ومكون وتخطيط بناءً على وصفك.
توليد الإطارات
بمجرد اكتمال التوثيق، يمكنك فتح الإطار الشبكي والبدء في توليد كل إطار فردي من المحرر.
التنقيح
بعد توليد الإطارات، يمكنك ضبط وإضافة أو حذف المكونات يدوياً في محرر اللوحة لتحسين التصميم.