v0
أداة Vercel لتوليد واجهات React جاهزة للنشر من وصف نصي أو تصميم
- مجانية جزئيًا
- جديدة
v0 أداة من Vercel — نفس الشركة اللي تستضيف مشاريع Next.js وReact — تحوّل وصفًا نصيًا أو تصميمًا مرفوعًا (Figma أو لقطة شاشة) لكود واجهة أمامية فعلي وجاهز للنشر. الفرق الجوهري عن أدوات “الوصف لتطبيق كامل” زي Lovable: v0 متخصص بالواجهة الأمامية تحديدًا، والكود الناتج نظيف ومتوافق مباشرة مع مشروع Vercel حقيقي.
وش يميزه فعلًا؟
- متخصص بـReact وNext.js: الكود المولّد يتبع أفضل ممارسات هذي الأطر مباشرة، مو كود عام يحتاج تعديلًا كبيرًا
- Design Mode: تعديل بصري مباشر على الواجهة بدل وصف كل تغيير صغير بالمحادثة
- رفع تصميم لكود: ترفع صورة أو تصميم Figma، وهو يولّد كود واجهة يقارب الشكل
- نشر مباشر: من الوصف للرابط الشغال على Vercel بضغطة واحدة، بدون إعداد استضافة منفصل
طريقة الاستخدام
- ادخل على
v0.appوسوّي حساب مجاني - اوصف المكون أو الصفحة اللي تبيها، أو ارفع صورة تصميم موجود
- راجع النتيجة وعدّل عليها بالمحادثة أو مباشرة عبر Design Mode
- اربط GitHub لتصدير الكود لمشروعك، أو انشر مباشرة على Vercel
- لاستخدام منتظم يتجاوز الرصيد المجاني، رقّي لخطة Plus
لمن يناسب؟
يناسبك لو مطور أو مصمم تبني واجهات React/Next.js وتبي تسرّع مرحلة البناء الأولى، أو عندك مشروع Vercel موجود وتحتاج مكونات جديدة بسرعة، أو تبي تحوّل تصميم Figma لكود فعلي بدل بنائه يدويًا.
ما يناسبك لو تبي تطبيقًا كاملًا بقاعدة بيانات ومنطق خلفي من وصف واحد (Lovable أو Replit Agent أنسب)، أو مشروعك مو مبني بـReact/Next.js، أو تبحث عن أداة فردية رخيصة بدون هيكل تسعير الفرق.
حدود وتحذيرات
متخصص بالواجهة فقط. لا يبني قاعدة بيانات أو مصادقة أو منطق خلفي — تحتاج دمجه بخدمات منفصلة لتطبيق متكامل.
الخطة المجانية محدودة بوضوح. 5$ رصيد شهري وحد 7 رسائل باليوم يكفي للتجربة، مو للاستخدام المنتظم.
تسعير الفرق مو للفرد الخفيف. خطة Plus مبنية على مقاعد بـ30$ لكل مستخدم شهريًا، أعلى من أدوات فردية بسيطة.
البدائل
Lovable أنسب لو تبي تطبيقًا متكاملًا (واجهة + قاعدة بيانات + استضافة) من وصف واحد. Cursor أنسب لو تشتغل بمشروع كود موجود وتحتاج مساعدًا يفهم السياق كامل، مو توليد واجهة من الصفر.
✅ المميزات
- متخصص بواجهات React وNext.js تحديدًا — الكود المولّد نظيف ومتوافق مباشرة مع مشروع Vercel حقيقي
- نشر مباشر على Vercel بضغطة، من الوصف للرابط الشغال بدقائق
- Design Mode يخليك تعدّل الواجهة بصريًا بدل وصف كل تعديل بالمحادثة
- يرفع صورة تصميم (Figma أو لقطة شاشة) ويحوّلها لكود واجهة فعلي
❌ العيوب
- الرصيد المجاني (5$ شهريًا) يخلص بسرعة، وحد الرسائل اليومي (7) يقيّد التجربة المجانية بوضوح
- متخصص بالواجهة الأمامية فقط — لا يبني قاعدة بيانات أو منطق خلفي متكامل زي Lovable أو Replit Agent
- خطة Plus مبنية على مقاعد فريق (30$ لكل مستخدم)، غير مناسبة سعريًا لمطور فردي يبي استخدامًا خفيفًا
- دعم العربية ضعيف بالواجهة وبفهم الأوصاف النصية العربية المعقدة
💰 الأسعار
| الخطة | السعر | المميزات |
|---|---|---|
| Free | 0$ | 5$ رصيد شهري، نشر على Vercel، Design Mode، مزامنة مع GitHub، حد 7 رسائل باليوم |
| Plus | 30$ / مستخدم شهريًا | وصول لكل النماذج، 30$ رصيد شهري لكل مستخدم، 2$ رصيد يومي مجاني، فوترة مركزية، مشاركة وتعاون بالفريق |
| Business | 100$ / مستخدم شهريًا | كل ميزات Plus، إضافة خيار عدم استخدام بياناتك بالتدريب افتراضيًا |
🔄 بدائل مشابهة
⚖️ مقارنات تضم هذي الأداة
📘 شروحات تستخدم هذي الأداة
❓ أسئلة شائعة
وش الفرق بينه وبين Lovable أو Replit Agent؟
v0 متخصص بالواجهة الأمامية تحديدًا — يولّد مكونات وصفحات React وNext.js نظيفة وجاهزة للدمج بمشروع حقيقي. Lovable وReplit Agent يبنون تطبيقًا متكاملًا (واجهة + قاعدة بيانات + تسجيل دخول + استضافة) من وصف واحد. لو تبي واجهة احترافية تدمجها بمشروع Vercel موجود، v0 أنسب. لو تبي تطبيقًا كاملًا شغالًا من الصفر، Lovable أو Replit Agent أنسب.
يقدر يبني تطبيق كامل بقاعدة بيانات؟
مو تخصصه. v0 يولّد كود الواجهة الأمامية (React/Next.js) بجودة عالية، لكن قاعدة البيانات والمنطق الخلفي تبقى مسؤوليتك أو تحتاج تدمجه بخدمة منفصلة. لو تبي تطبيقًا متكاملًا من وصف واحد، أدوات زي Lovable مبنية لهذا تحديدًا.
الخطة المجانية تكفي للتجربة؟
تكفي لتجربة الفكرة وتوليد مكون أو صفحة بسيطة — 5$ رصيد شهري وحد 7 رسائل باليوم. لاستخدام منتظم أو مشروع فعلي، الرصيد يخلص بسرعة والحد اليومي يوقفك بمنتصف الشغل.
يقدر يحوّل تصميم Figma لكود؟
إي، ترفع لقطة شاشة أو تصميم وهو يحلله ويولّد كود واجهة يقارب الشكل المرفوع. النتيجة تحتاج تعديلًا يدويًا بسيطًا غالبًا، لكنها توفّر وقت البناء من الصفر بشكل واضح.