MagicPath هي أداة تصميم بالذكاء الاصطناعي تعتمد على مساحة عمل لا نهائية، تحول الأوامر النصية إلى شاشات واجهة مستخدم قابلة للتعديل وتصدر أكواد React وTypeScript وTailwind. صُممت للمصممين والمؤسسين ومديري المنتجات الذين يرغبون في الانتقال من الفكرة إلى النموذج الأولي دون كتابة سطر واحد من CSS.
MagicPath هي مساحة تصميم مدعومة بالذكاء الاصطناعي تحول الأوامر النصية البسيطة إلى شاشات واجهة مستخدم قابلة للتعديل بالكامل، ثم تصدر أكواد React وTypeScript وTailwind CSS جاهزة للإنتاج. تأسست الشركة في عام 2025 على يد Pietro Schirano (الذي عمل سابقاً في Anthropic وBrex وEverArt) وJack Beoris، وتصف الشركة رؤيتها الأساسية بأنها "لحظة Cursor للتصميم"، في إشارة إلى كيف جعل Cursor البرمجة بمساعدة الذكاء الاصطناعي تبدو طبيعية وليست مجرد إضافة سطحية. أُطلقت الأداة في أواخر مايو 2025، وانتشرت فوراً على X، وأغلقت جولة تمويل تأسيسية بقيمة $6.6M خلال 48 ساعة من الإطلاق. تبع ذلك إطلاق MagicPath 2.0 في مايو 2026، والذي قام بترقية مساحة العمل إلى بيئة تعاونية متعددة المستخدمين حيث يمكن للمصممين البشريين ووكلاء الذكاء الاصطناعي الخارجيين (بما في ذلك Claude Code وOpenAI Codex وCursor) العمل على نفس جلسة التصميم في وقت واحد.
تعتمد آلية العمل الأساسية على مسار "من الأمر النصي إلى مساحة العمل ثم إلى الكود". أنت تصف ما تريده، ويقوم MagicPath بإنشاء مجموعة من الشاشات على مساحة عمل مكانية لا نهائية، ثم تقوم بالتعديل بصرياً أو من خلال أوامر نصية إضافية، وعندما تكون جاهزاً، يمكنك تصدير مكونات React نظيفة أو إرسالها مباشرة إلى Figma. تشمل الميزات الرئيسية إنشاء الشاشات بالتوازي، ونظام تصميم مخصص ومستمر يحافظ على التناسق البصري لجميع المكونات المُنشأة، وإضافة Chrome لتحويل لقطات الشاشة إلى واجهة مستخدم، والاستيراد والتصدير ثنائي الاتجاه مع Figma، والتكامل المباشر مع Cursor وCodex لتسليم سلس من التصميم إلى الهندسة. توفر الخطة المجانية 120 رصيداً شهرياً دون الحاجة إلى بطاقة ائتمان. تبدأ خطة Pro بسعر $21 شهرياً عند الدفع السنوي وتضيف 600 رصيد، وعمليات Figma غير محدودة، ومكالمات غير محدودة لوكلاء الذكاء الاصطناعي الخارجيين.
ما الذي يقدمه MagicPath في يونيو 2026
ينشئ MagicPath واجهات مستخدم لتطبيقات الويب والأجهزة المحمولة: الشاشات، ومكتبات المكونات، ومسارات التنقل، والنماذج الأولية الكاملة للمنتجات. تتم كل عملية إنشاء على مساحة العمل اللانهائية، مما يعني أنه يمكنك تخطيط عشرة اتجاهات مختلفة لنفس الشاشة في وقت واحد، والتصغير لرؤية مسار المنتج بالكامل، وإعادة الترتيب دون التقيد بعرض لوحة عمل واحدة. يعد التخطيط المكاني أحد الأشياء القليلة التي تميز MagicPath بشكل كبير عن مولدات واجهة المستخدم القائمة على النص والتي تخرج مكوناً واحداً في كل مرة.
قدم MagicPath 2.0 وكلاء الذكاء الاصطناعي المتوازيين: يمكنك تشغيل مسارات متعددة للوكلاء لبناء أقسام مختلفة من تطبيقك في وقت واحد بينما يحافظ نظام التصميم المشترك على اتساق جميع المخرجات بصرياً. تظل لوحات الألوان، ومقاييس الطباعة، ومسافات التباعد، وأنماط المكونات متناسقة عبر كل ما ينشئه الوكلاء. تلتقط إضافة Chrome لقطات شاشة لأي موقع ويب مباشر وتحولها إلى إطارات MagicPath قابلة للتعديل، مما يوفر مساراً سريعاً لمشاريع إعادة التصميم. يتيح لك استيراد Figma جلب أعمال التصميم الحالية إلى مساحة العمل للتعديل عليها بمساعدة الذكاء الاصطناعي.
ينتج عن تصدير الكود مكونات React مصممة باستخدام TypeScript وTailwind CSS. لا يوجد خيار لتصدير HTML عادي أو CSS فقط، ولا يوجد مخرجات لـ Vue أو Angular. هذا خيار معماري حازم: تم بناء MagicPath خصيصاً لبيئة React. تتيح عمليات التكامل المباشرة مع Cursor وClaude Code لجلسة التصميم أن تغذي مباشرة جلسة وكيل الهندسة دون الحاجة إلى نسخ ولصق الكود يدوياً. تقوم الأداة أيضاً بإنشاء روابط معاينة قابلة للمشاركة دون الحاجة إلى تسجيل دخول المشاهد، وهو أمر مفيد لمراجعة أصحاب المصلحة غير المتزامنة.
"إن MagicPath (@MagicPathAI) ساحر حقاً. قمت بتصميم تطبيق جوال في ساعتين." -- avlok (@avlok)، X، يونيو 2025
موقع MagicPath مقارنة بـ Lovart وv0 by Vercel
انقسم مجال التصميم بالذكاء الاصطناعي في عام 2026 إلى ثلاثة مناهج متميزة على الأقل. يحتل MagicPath موقعاً وسطاً بين أدوات وكلاء التصميم (التي تنشئ أصول علامة تجارية متعددة التنسيقات) والمولدات التي تركز على الكود أولاً (والتي تتخطى التصميم تماماً وتنتج مكونات قابلة للنشر). إن فهم هذين القطبين يجعل مكانة MagicPath أكثر وضوحاً.
يعمل Lovart كوكيل تصميم يدير مسارات مخرجات متعددة التنسيقات من موجز واحد: يمكن أن تنبثق مجموعة وسائط اجتماعية، ونظام هوية بصرية، وتغليف مطبوع، وعرض تقديمي من جلسة أوامر واحدة باستخدام محرك التفكير "Mind Chain of Thought" الخاص بـ Lovart. الاختلاف الميكانيكي الرئيسي هو تنوع تنسيق المخرجات. ينتج Lovart رسومات توضيحية، ومجموعات علامات تجارية، وأصولاً إبداعية متعددة القنوات، وليس شاشات واجهة مستخدم للتطبيقات. كما أنه لا يمتلك ذاكرة مستمرة للعلامة التجارية؛ تبدأ كل جلسة Lovart من جديد دون أي مفهوم للوحة الألوان أو مقياس الطباعة من مشروع سابق. على النقيض من ذلك، يحافظ MagicPath على نظام تصميم مخصص عبر كل شاشة يتم إنشاؤها في الجلسة ويركز بالكامل على واجهة المستخدم بدلاً من ضمانات العلامة التجارية.
ينشئ v0 by Vercel مكونات React وTailwind وshadcn/ui ولكنه يتعامل مع المشكلة كأداة للمطورين. يُخرج v0 كتل برمجية قابلة للنسخ واللصق للاستيراد المباشر إلى مشاريع Next.js، ويمكنه البحث في الويب وفحص المواقع المباشرة أثناء الإنشاء، والنشر على بنية Vercel التحتية بنقرة واحدة. لا توجد مساحة تصميم مرئية في v0؛ الواجهة عبارة عن دردشة نصية تُرجع الكود. لا يمتلك MagicPath مسار نشر؛ بمجرد تصدير الكود، فإنك تتولى الاستضافة بنفسك أو تسلمها إلى مهندس. إذا كنت ترغب في رؤية وترتيب واجهة المستخدم الخاصة بك مكانياً قبل الالتزام بالكود، فإن MagicPath يتفوق في سير العمل هذا. أما إذا كنت تريد مكوناً عاملاً ومنشوراً في ثلاث دقائق، فإن v0 هو الطريق الأكثر مباشرة.
هناك أداتان أخريان تستحقان المعرفة في هذا السياق: تعيش Figma AI داخل بيئة تصميم احترافية وتستهدف الفرق التي تعمل بالفعل في نظام Figma البيئي، مما يعني أنها ترث البنية التحتية الكاملة لـ Figma في تحرير المتجهات، والنماذج الأولية، وتسليم المطورين، ولكنها تتطلب إتقان Figma للحصول على قيمة. يركز Recraft على إنشاء صور ورسومات توضيحية متسقة مع العلامة التجارية بدلاً من شاشات واجهة المستخدم.
"تبدو الواجهة مألوفة على الفور: مساحة عمل لا نهائية، وتنقل بديهي، وسير عمل مباشر قائم على الأوامر النصية." -- Birdzhan Hassan، Medium، 2025
حقيقة الأرصدة والتسعير
يستخدم MagicPath نموذج استهلاك الأرصدة حيث يتم خصم عمليات توليد الذكاء الاصطناعي وتعديلات التصميم الكبيرة من المخصص الشهري. التعديلات المرئية، وتصدير الكود، والمشاركة مجانية. تُستهلك الأرصدة فقط عندما تطلب من الذكاء الاصطناعي بناء أو تغيير شيء ما.
تمنحك الخطة المجانية 20 رصيداً يومياً، وهو ما يبدو معقولاً حتى تقوم بتشغيل جلسة معقدة. وثق أحد المراجعين استهلاك 60 رصيداً في ثلاثة أيام، 30 منها لبناء مكتبة مكونات أولية و30 أخرى للتعديل عليها، وهو ما يمثل نصف الميزانية المجانية الشهرية المستهلكة في أقل من أسبوع من الاستخدام النشط. تكلف شاشتان مبنيتان من الصفر حوالي 10 أرصدة؛ ويكلف أمر تحسين واحد بالذكاء الاصطناعي حوالي 5 أرصدة. يمكن لجلسة النمذجة الأولية المكثفة لتطبيق متعدد الصفحات أن تستهلك بسهولة 30 إلى 40 رصيداً في جلسة واحدة.
توفر خطة Pro بسعر $21 شهرياً (سنوياً) 600 رصيد، وهو ما يمنح مساحة أكبر بكثير. بالنسبة لمعظم المصممين المستقلين الذين يقومون بعمل منتظم، ربما يكون هذا كافياً لنموذج أولي واحد لمنتج متوسط التعقيد في الأسبوع. سيحتاج المستخدمون المكثفون أو الوكالات إلى أخذ زيادة الرصيد الاختيارية في الاعتبار، والتي تتراوح من 600 إلى 3,000 رصيد شهرياً مقابل $150 إضافية شهرياً. تنتقل خطة Teams إلى العقود السنوية مع 1,000 رصيد لكل مقعد. يعتبر التسعير أكثر غموضاً بشكل ملحوظ في فئتي Teams وEnterprise؛ حيث تحتاج إلى التحدث إلى المبيعات للحصول على الأرقام.
اعتبار عملي واحد: يتم استهلاك الأرصدة في وقت الإنشاء. إذا أنتج MagicPath مخرجات لا تعجبك، فلا يمكنك استرداد تلك الأرصدة. ولأن الأداة لا تملك طريقة لإلغاء الإنشاء في منتصف التشغيل بمجرد إرسال أمر نصي، فإن الأوامر المصاغة بشكل سيئ يمكن أن تستهلك الأرصدة على مخرجات تخطئ الهدف تماماً.
أين يخيب MagicPath الآمال باستمرار
سرعة الإنشاء هي نقطة الضعف الأكثر شيوعاً. تستغرق عمليات الإنشاء النموذجية حوالي دقيقتين لكل أمر نصي، وعلى الرغم من أن تحديث يوليو 2025 أدى إلى تحسين السرعة بنسبة 40%، إلا أن عمليات البناء المعقدة متعددة الشاشات لا تزال تتطلب الصبر. بالنسبة للأدوات التي يكون فيها التكرار السريع هو القيمة الأساسية، فإن الانتظار لمدة دقيقتين بين كل دورة أمر نصي يخلق احتكاكاً يتراكم على مدار جلسة تصميم طويلة.
يتراجع أداء مساحة العمل على نطاق واسع. أبلغ المراجعون الذين قاموا ببناء أنظمة تصميم كبيرة تحتوي على 15 فئة مكونات أو أكثر عن تباطؤ ملحوظ، حيث أصبحت مساحة العمل بطيئة وغير مستجيبة. أقوى حالة استخدام لـ MagicPath هي النمذجة الأولية المركزة لمسار منتج واحد، وليس محاولة الحفاظ على مكتبة مكونات على مستوى المؤسسة على مساحة عمل لا نهائية واحدة.
يعد تصدير كود React فقط قيداً صارماً. لا يوجد HTML عادي، ولا مخرجات CSS فقط، ولا Vue، ولا Svelte. إذا كان فريقك يستخدم أي شيء آخر غير React، فإن تصدير الكود غير قابل للاستخدام دون عمل تحويل. تستخدم بعض الفرق MagicPath فقط للنماذج المرئية وتتجاهل تصدير الكود تماماً، ولكن هذا يزيل جزءاً رئيسياً من القيمة المقترحة.
نقاط احتكاك أخرى وثقها المراجعون: كانت ميزة تصدير الصور غير فعالة في اختبارات منتصف عام 2026. يُفقد سجل المحادثة عند تحديث الصفحة، مما يكسر مسارات العمل التكرارية الأطول. يتطلب استدعاء مكون تم إنشاؤه مسبقاً استخدام صيغة `@component_name` غير الواضحة والتي يغفل عنها المستخدمون الجدد باستمرار. كما أن وكلاء الذكاء الاصطناعي المسميين في MagicPath 2.0 (Rune وAtlas) هم في الأساس علامات تجارية تجميلية فوق مسارات الوكلاء العامة؛ لا يمكن تكليفهم بمهام محددة وليس لديهم قدرات متميزة بشكل هادف عن بعضهم البعض.
لمن تم بناء MagicPath
يتناسب MagicPath بشكل جيد مع المؤسسين المستقلين، والمطورين المستقلين، وفرق المنتجات في المراحل المبكرة الذين يحتاجون إلى الانتقال من الفكرة إلى نموذج أولي لواجهة مستخدم قابلة للعرض بسرعة دون مصمم مخصص. توفر الخطة المجانية أرصدة كافية لتقييم الأداة بجدية قبل الالتزام. يزيل سير العمل من الأمر النصي إلى مساحة العمل معظم منحنى التعلم الخاص بـ Figma، وتتيح روابط المعاينة القابلة للمشاركة للمؤسسين غير التقنيين مشاركة العمل مع المستثمرين أو العملاء دون أي احتكاك في الإعداد.
سيحصل مصممو المنتجات الذين يعملون بالفعل في Figma على أكبر قيمة من MagicPath كطبقة لتوليد الأفكار السريعة. استخدمه لاستكشاف 5 اتجاهات قبل الالتزام بواحد، ثم قم بتصدير الفائز إلى Figma للتنفيذ المصقول. يتيح استيراد Figma أيضاً سير عمل "إعادة التصميم بالذكاء الاصطناعي": استيراد الإطارات الحالية، وطلب أشكال مختلفة، والمقارنة على مساحة العمل، وتصدير الفائز مرة أخرى إلى Figma.
يمكن لمطوري الواجهة الأمامية العاملين في بيئات React استخدام MagicPath لتسريع النمذجة الأولية في المراحل المبكرة قبل بدء الهندسة، خاصة عند إقرانه بـ Claude Code أو Cursor للانتقال من التصميم إلى كود عامل. يجعل تكامل GitHub في MagicPath 2.0 هذه الحلقة أكثر إحكاماً: قم بتوصيل مستودعك وسيقوم الوكيل بإنشاء تصميم مقابل أسماء المكونات وهياكل البيانات الفعلية في قاعدة الكود.
تخطى MagicPath إذا كنت بحاجة إلى منتج منشور بدلاً من نموذج أولي. ستأخذك أدوات مثل Lovable أو Bolt أو v0 إلى أبعد من ذلك وبشكل أسرع، إذا كان الهدف هو الإطلاق. تخطاه إذا كانت حزمة تقنيات فريقك ليست React. تخطاه إذا كنت بحاجة إلى فواتير يمكن التنبؤ بها وبسعر ثابت دون أعباء ميزانية الأرصدة. وتخطاه إذا كنت بحاجة إلى تحرير عميق للمتجهات، أو إدارة الأصول، أو سلسلة أدوات نظام التصميم الاحترافي الكاملة، حيث تعد Figma AI البيئة الأكثر اكتمالاً.
تقييمات المستخدمين
لا توجد تقييمات بعد. كن أول من يشارك تجربته!
سجّل الدخول لكتابة تقييم.
مقالات ذات صلة
أدلة ومقالات ذات صلة بـ MagicPath.
Replit Pricing Explained (2026): Core vs Pro and Effort-Based Agent Billing
AI User Testing in 2026: The Tools That Test Your Product While You Sleep
Run a Company With AI Agents: The Open-Source Orchestration Setup (2026)
Wix Logo Maker Review (2026): Real Costs, the Edit Catch, and AI Alternatives
Freepik AI Is Now Magnific: What Changed, What It Costs, and Whether to Stay (2026)
