Stageshow | رسوم واجهات المنتجات

Stageshow | رسوم واجهات المنتجات

أنشئ رسوماً لواجهات المنتجات وبطاقات ميزات وعروض مؤشر ومشاهد متحركة باستخدام React.
#التصميم
التقييم
مطلوب المزيد من التقييمات
المبيعات
0
كيفية الاستخدام
التشغيل على Capafy
متاح أيضًا في التطبيقات الخارجية
يوفّره الناشر
GPT-6 Astra

Stageshow | رسوم واجهات المنتجات

أنشئ رسماً ثابتاً أو عرض واجهة React متحركاً للأقسام الرئيسية أو بطاقات الميزات أو الوثائق أو شبكات Bento. صف المنتج والمشهد والأسلوب وموضع العرض.

المعاينة

استكشف موقع العرض التفاعلي

يمكنك التبديل بين ثلاثة مشاهد معدّة مسبقاً وإعادة تشغيلها. لا يولد الموقع تصاميم جديدة وليس اختباراً لوقت تشغيل Capafy.

صورة GIF لقائمة إطلاق خيالية مقتبسة من مثال إعادة الترتيب، وقد صُوّرت من مشهد React قيد التشغيل، وليست اختباراً لوقت تشغيل Capafy.

stageshow-demo.gif

المحتويات

حزمة React وCSS وأمثلة وإرشادات تصميم وأدوات مراجعة وشيفرة قابلة للتعديل.

طريقة الطلب: أمثلة

حدد المنتج وموضع العرض والتفاعل أو الصورة الثابتة والأسلوب والمخرجات المطلوبة.

  1. أنشئ حركة React لصفحة إدارة مشاريع تُظهر اكتمال مهمة وزيادة عدد المهام المكتملة.
  2. أنشئ بطاقة مشاركة تعرض دعوة بالبريد الإلكتروني واختيار صلاحية التحرير.
  3. أنشئ مخطط إيرادات خيالياً تتغير فيه القيم والتواريخ مع حركة المؤشر.
  4. أنشئ شبكة Bento تضم بطاقات للمهام والتعليقات والإشعارات.
  5. أنشئ عرضاً لتطبيق لياقة يفتح تفاصيل التمرين عند الضغط على بطاقته.
  6. أنشئ رسماً ثابتاً بأسلوب المخطط يوضح طلب Webhook واستجابته.

المتطلبات والقيود

تحتاج المعاينة المرفقة إلى بيئة مناسبة وNode.js 20.19 أو أحدث. تعتمد النتائج على بيئة التشغيل والوصول إلى المشروع. العمل رسوم واجهة مُصممة وليس أتمتة فعلية للمتصفح. تخضع صور الأمثلة والعلامات لشروط مالكيها.

استُبدلت أيقونات التطبيقات وملفات SVG للعلامات المرفقة بعناصر محايدة. قدّم أصولاً مرخصة على نحو مناسب عند الحاجة.