← Back to Blog
|6 min read

تطبيق ببلاش ببرومبت: Google AI Studio وGemini (مثل صفيّها)

geminiappgoogle-studiofreeguide

تطبيق كامل ببلاش من برومبت — Google AI Studio + Gemini: أسئلة، اختيار تصميم، ثم بناء «صفيّها» أو أي فكرة.

الفيديو: تطبيق صفيّها لتقسيم مصاريف الطلاب. برومبت واحد → prototype designs → Next → تطبيق جاهز. برومبت ثاني يضيف عملات. نفس المسار يبني موقع بخطوات مشابهة — تكلفة صفر.

راجعوا موقع ببرومبت واحد إذا بدكم landing فقط.

متى بتحتاجوا هالطريقة؟

  • فكرة تطبيق بسيطة بدون دفع مطور
  • بدكم UI prototypes قبل الكود
  • جاهزين لبرومبت follow-up للتعديلات
  • تجربة أولى قبل Flutter/React يدوي

قبل ما تبدأوا

  • حساب Google
  • Google AI Studio (مسار بناء التطبيق في الفيديو)
  • وصف التطبيق بلغتكم
  • فكرة صغيرة (مثل تقسيم فاتورة، todo، حاسبة)

الخطوة 1: افتحوا Studio واختاروا البلد

لقطة من الفيديو: Google Studio
لقطة من الفيديو: Google Studio

الخطوة 2: اكتبوا برومبت التطبيق

لقطة من الفيديو: برومبت الفكرة
لقطة من الفيديو: برومبت الفكرة
Build a mobile-friendly web app: [APP NAME / IDEA].
Core flow: [WHO] splits [WHAT] expenses fairly.
Language: Arabic UI.
Ask me clarifying questions before coding.
Show 2–3 design prototypes to choose from.

الخطوة 3: اختاروا التصميم واضغطوا Next

لقطة من الفيديو: اختيار التصميم
لقطة من الفيديو: اختيار التصميم

Gemini يبني بعد اختياركم — لا تتخطوا مرحلة الأسئلة.

الخطوة 4: راجعوا التطبيق الأول

لقطة من الفيديو: التطبيق جاهز
لقطة من الفيديو: التطبيق جاهز

الخطوة 5: برومبت تعديل (مثال: عملات متعددة)

لقطة من الفيديو: برومبت follow-up
لقطة من الفيديو: برومبت follow-up
Add support for multiple currencies (AED, SAR, JOD, USD) not just one.
Keep the same layout.

موقع بنفس الأداة

امشوا خطوات «مشروع جديد» في Studio حتى النهاية — موقع ببرومبت أو اثنين ببلاش.

شاهد الفيديو

شاهد الفيديو على YouTube

احفظوا الدليل. جرّبوا فكرة بسيطة وأخبرونا بالنتيجة.

إذا بدكم نطبّق الفكرة على شغلكم ونطلع بنظام عملي تقدروا تستخدموه، احجز جلسة فردية معي.

احجز جلسة 1:1