AI Design

UX Pilot مراجعة: AI Canvas، Design Agent، Figma البرنامج المساعد، MCP، إيجابيات وسلبيات7 min read

Reading Time: 16 minutesمراجعة UX Pilot لعام 2026: ما الذي تفعله، والتسعير والائتمانات، والمكون الإضافي Nodey Figma، وخادم MCP، وخطة اختبار عملية، وتعليقات المستخدمين الحقيقية، والإيجابيات والسلبيات، وأفضل البدائل.

UX Pilot review cover: UX Pilot AI Canvas, complete review of features, cost and updates

UX Pilot مراجعة: AI Canvas، Design Agent، Figma البرنامج المساعد، MCP، إيجابيات وسلبيات7 min read

Reading Time: 16 minutes

UX Pilot (UXPilot) هي أداة لتصميم منتجات الذكاء الاصطناعي تعمل على تحويل المطالبة أو PRD أو لقطة الشاشة إلى شاشات واجهة مستخدم قابلة للتحرير وإطارات سلكية وتدفقات متعددة الشاشات على AI canvas، ثم تسليمها إلى Figma أو الكود أو وكيل الترميز.تم إطلاق الإصدار 2.0 في يوليو 2026 بنموذج التصميم الخاص به، Glide، وخادم MCP وواجهة مُعاد تصميمها. هذه المراجعة مخصصة للمصممين ومديري المنتجات والمؤسسين الذين يقررون ما إذا كان الأمر يستحق الدفع مقابله.

تعكس الأسعار والميزات صفحات UX Pilot الخاصة وشروطها ومراجعات المستخدمين العامة اعتبارًا من نوفمبر 2026. تتغير الخطط والأرصدة والميزات كثيرًا، لذا تأكد من التفاصيل الحالية على uxpilot.ai قبل الشراء.

حكمنا في سطر واحد: UX Pilot هي واحدة من أقوى أدوات الذكاء الاصطناعي المخصصة للمسودة الأولى لواجهة مستخدم المنتج، خاصة إذا كان فريقك يعيش في Figma. تنفد الاعتمادات بسرعة عند التكرار، ولا يزال الإخراج بحاجة إلى مصمم لصقله. ستجد أدناه AI canvas وDesign Agent، والتسعير، والمكون الإضافي Figma، وخادم MCP، وإرشادات عملية مع لقطات الشاشة، وما يقوله المستخدمون الحقيقيون، وكيف يمكن مقارنتها بـ Google Stitch، Figma Make. وAnima Playground.

في عصر الذكاء الاصطناعي، التصميم هو الكود. للتصميم مباشرةً باستخدام التعليمات البرمجية باستخدام الذكاء الاصطناعي، أو لتحويل تصميمات Figma الخاصة بك إلى تعليمات برمجية، استخدمAnima Playground: قم بوصف شاشة أو ابدأ من تصميم Figma، ثم استمر في التكرار على تطبيق قابل للتحرير يمكنك معاينته ونشره.

مراجعة UX Pilot: حكم سريع

المنطقة التقييم ملخص
AI canvas و Design Agent جيد لوحة تصميم تحتوي على طبقات وتخطيط تلقائي ومكونات وتعليقات، بالإضافة إلى وكيل في لوحة الدردشة يقوم بتخطيط الشاشات والتدفقات وإنشائها وتحريرها. التحكم الدقيق أخف من الموجود في Figma.
جودة المسودة الأولى لواجهة المستخدم قوي العديد من توجيهات التصميم لكل موجه أو hi-fi أو إطار سلكي، من النص أو PRD أو لقطة الشاشة. يميل الإخراج نحو أنماط SaaS المألوفة، لذا يحتاج العمل المخصص إلى الصقل.
تدفقات الشاشات المتعددة قوي يقوم التدفق التلقائي بإنشاء شاشات متصلة من القائمة. أبلغ المراجعون عن انحراف الأسلوب بين الشاشات عند التدفقات الطويلة.
Figma سير العمل قوي يعمل Nodey داخل Figma، ويستورد مكوناتك وينشئ طبقات أصلية. يحتاج التصدير من تطبيق الويب إلى خطة مدفوعة.
تسليم المطور جيد تصدير HTML وCSS وReact ومزامنة GitHub وخادم MCP لـ Claude وCursor وChatGPT. إنها أداة تصميم في المقام الأول، وليست أداة إنشاء تطبيقات.
التسعير والائتمانات مختلط خطة مجانية حقيقية (80 ساعة معتمدة في اليوم)، ولكن التكرار الكبير يحرق الاعتمادات ويشكو المراجعون من الفواتير والمبالغ المستردة.
السيطرة على التحرير مختلط تعمل تعديلات الأقسام وتحريرات الدردشة، لكن مراجعي G2 يقولون إن التحكم الدقيق في المتصفح محدود وينتهي الأمر في Figma.

الأفضل لفرق المنتجات التي تريد مسودات أولى سريعة تتعلق بالعلامة التجارية داخل Figma. أقل ملاءمة لأي شخص يحتاج إلى تطبيق عملي، وليس مجرد تصميم، أو يريد التحكم اليدوي الدقيق في كل طبقة.

ما هو UX Pilot؟

UX Pilot هي أداة تصميم تعمل بالذكاء الاصطناعي مصممة لواجهة مستخدم المنتج: شاشات الويب والهواتف المحمولة والإطارات السلكية وتدفقات المستخدم. تأسست في عام 2023 على يد آدم فارد ومقرها في نيويورك. وفقًا للشركة، فهي ليست أداة تصميم رسومي أو أداة إنشاء مواقع ويب. وهو يركز على سير عمل تصميم المنتج للتدفقات والإطارات السلكية وواجهة المستخدم المصقولة التي تتوافق مع نظام التصميم والمراجعة والتسليم.

تبدأ من مطالبة أو PRD أو لقطة شاشة أو مرجع موقع ويب أو مكونات Figma الخاصة بك. UX Pilot يُنشئ العديد من اتجاهات التصميم، ويربط الشاشات بالتدفق، ويتيح لك تحسين قسم واحد في كل مرة. يمكن نقل العمل النهائي إلى Figma، للبرمجة أو إلى وكيل ترميز الذكاء الاصطناعي.

ما الذي تغير في UX Pilot 2.0

تم إطلاق UX Pilot 2.0 في يوليو 2026. وتقول الشركة إن المشكلة التي تريد إصلاحها هي التشابه: فالنماذج ذات الأغراض العامة تحسب متوسط كل شيء، لذا تبدو واجهات الذكاء الاصطناعي متشابهة. وأضاف الإصدار:

  • Glide، نموذج تصميم UX Pilot تم تدريبه على مكتبة منسقة لتصميم المنتجات.
  • انMCP الخادملذلك يمكن لـ Claude، رمز Claude، ChatGPT، Cursor والوكلاء الآخرين استخدام UX Pilot.
  • استيراد نظام التصميممن مكونات Figma الخاصة بك.
  • البصيرة، خرائط الحرارة المتوقعة للانتباه.
  • واجهة مُعاد تصميمها وأسعار أبسط.

UX Pilot تنشر معايير Glide، بما في ذلك اختبار التفضيل الأعمى مقابل Claude Opus 4.8 ومؤشر قيمة التصميم عبر أربعة نماذج. هذه هي الاختبارات الخاصة بالبائع، وليست نتائج مستقلة، لذا قم بمراجعتها مقابل ملخصاتك الخاصة.

تصميمان داكنان للوحة المعلومات، أحدهما يحتوي على مخططات للإيرادات والآخر مزود بمشغل موسيقى ومخطط نشاط الاستماع، كما هو موضح كأمثلة UX Pilot Glide
الصورة: UX Pilot. أمثلة على لوحات المعلومات من صفحة UX Pilot الخاصة بـ Glide، والتي تعرض النمط الذي تروج له الشركة.

UX Pilot AI Canvas وDesign Agent

تم إنشاء تطبيق الويب الخاص بـ UX Pilot حول لوحة مرئية مع وكيل بجانبها، وليس نافذة دردشة تعرض صورة واحدة في كل مرة. يصف UX Pilot اللوحة القماشية بأنها “لوحة تصميم حقيقية، مع الذكاء الاصطناعي المدمج”: الطبقات، والتخطيط التلقائي، والمكونات، وأدوات المتجهات، والتعليقات، والمؤشرات المباشرة، حيث يمكنك تحديد أي إطار لإنشاءه أو تحريره أو مراجعته أو تصديره.

AI canvas

كل شاشة تقوم بإنشائها عبارة عن إطار على لوحة قماشية مفتوحة، بحيث يمكنك مقارنة الشاشات والتدفقات والاتجاهات جنبًا إلى جنب. يضيف شريط الأدوات الموجود في الجزء السفلي الملاحظات والرسوم البيانية والقوالب والصور والواردات والحركة والنماذج الأولية. وفقًا لـ UX Pilot، يعمل الذكاء الاصطناعي على أي إطار تحدده:

  • إنشاء أشكال مختلفة من الشاشة أو نسخة الهاتف المحمول أو النموذج الأولي؛
  • تحرير عن طريق المطالبة أو عن طريق القسم؛
  • قم بإجراء مراجعة لتجربة المستخدم أو خريطة حرارية تنبؤية أو فحص إمكانية الوصول.

بالنسبة للفرق، تحتوي اللوحة القماشية على تعليقات ومؤشرات مباشرة ومشاركة، ويمكنك التسليم بنسخ إلى Figma أو نسخ إلى Webflow أو نسخ كـ HTML. تقوم UX Pilot أيضًا بتعيين اللوحة القماشية باعتبارها المكان الذي بدأ فيه العمل في Claude أو ChatGPT أو Cursor فوق أراضي MCP، حتى يتمكن الفريق من مراجعتها بصريًا قبل أن يقوم أي شخص ببنائها.

Design Agent

يعيش الوكيل في لوحة الدردشة بجوار اللوحة القماشية. فهو يخطط للعمل، ويكتب قائمة قصيرة بالمهام، ويبني الشاشات واحدة تلو الأخرى، ويبلغ عما فعله، وتقوم أنت بتوجيهه من خلال مطالبات المتابعة. يمكنك إضافة السياق أولاً، مثل الملاحظات أو الصور أو PRD أو موقع ويب لاستنساخه، ويمكنك وضع طلبك التالي في قائمة الانتظار أثناء استمراره في العمل. يوضح القسم العملي أدناه هذا في ملخص حقيقي.

UX Pilot’sMCPتسمي الوثائق نفس الوكيل: thestart_design_agentتقوم الأداة بإنشاء أو تغيير شاشة واحدة أو تدفق كامل متعدد الشاشات من ملخص، وتعمل في الخلفية وتنفق الاعتمادات. تقوم أداة ثانية بفحص تقدم التشغيل وأخرى تقوم بإلغائه، ويتم الاحتفاظ بالشاشات التي انتهت بالفعل. Nodey، الموضحة في قسم Figma أدناه، هي نفس الفكرة الموجودة داخل Figma.

أنظمة التصميم على القماش

يتيح لك UX Pilot بدء نظام تصميم من خلال وصفه في الدردشة أو عن طريق استيراد عنوان URL لموقع الويب، أو ملف Figma (مدرج كإصدار تجريبي)، أو مستودع GitHub، أو قاعدة تعليمات برمجية محلية أو ملفات تم تحميلها. توجد الرموز المميزة وإرشادات الاستخدام في ملف DESIGN.md الذي يتبعه الذكاء الاصطناعي، وتبقى التغييرات في المسودة حتى تقوم بنشرها، ويحتفظ سجل الإصدارات بكل إصدار.

ميزات UX Pilot في عام 2026

موجه، PRD أو لقطة شاشة لواجهة المستخدم

يمكنك وصف الشاشة بلغة واضحة أو لصق PRD أو تحميل لقطة شاشة أو مرجع. UX Pilot يُرجع واجهة مستخدم hi-fi أو إطارات سلكية منخفضة الدقة ويمكنه تقديم أربعة اتجاهات للتصميم من موجه واحد حتى تتمكن من مقارنة الخيارات بدلاً من الاكتفاء بالمخرج الأول. إذا كانت الإطارات السلكية هي نقطة البداية، فراجع دليلنا حولأدوات التخطيط السلكيوعلى الشرحما هو الإطار السلكي.

التدفق التلقائي والتدفقات متعددة الشاشات

يقوم التدفق التلقائي بتحويل قائمة قصيرة من الشاشات إلى تدفق متصل، على سبيل المثال، لوحة معلومات وصفحة تفاصيل وصفحة فريق. إنها أسرع طريقة لرؤية رحلة شاملة دفعة واحدة.

UX Pilot قم بإنشاء لوحة Flow تسرد لوحة المعلومات والتفاصيل وشاشة معلومات الفريق مع ثلاث شاشات متنقلة تم إنشاؤها بجانبها
الصورة: UX Pilot. يقوم التدفق التلقائي بتحويل قائمة الشاشات إلى تدفق متصل (توضيح تسويقي من uxpilot.ai).

تعديلات القسم وتعديلات الدردشة

بدلاً من إعادة إنشاء شاشة كاملة، يمكنك تحديد قسم ووصف التغيير، مثل إضافة تدرج وأيقونة. وتبقى بقية الشاشة كما كانت. يغطي التحرير المستند إلى الدردشة تغييرات أوسع.

UX Pilot مربع حوار تحرير القسم مع المطالبة بإضافة تدرج خطي وأيقونة مطبقة على صف من البطاقات
الصورة: UX Pilot. يقوم تحرير القسم بتغيير جزء واحد من الشاشة ويترك الباقي بمفرده (الرسم التوضيحي التسويقي من uxpilot.ai).

استيراد نظام التصميم

في كل خطة، يمكنك استيراد مكونات Figma بحيث تستخدم الشاشات التي تم إنشاؤها وحدات البناء الخاصة بك. تضيف Enterprise استيرادًا كاملاً لنظام التصميم، وضبطًا دقيقًا للذكاء الاصطناعي على نظام علامتك التجارية، بالإضافة إلى وظيفة إضافية تسمى نظام التصميم كخدمة. تشير UX Pilot إلى دقة العلامة التجارية لهذه الخدمة بنسبة 95 بالمائة أو أفضل، وهو رقم البائع مرة أخرى.

قم بالتصدير إلى Figma والرمز

يتم تصدير الخطط المدفوعة إلى Figma وإلى الكود (HTML وCSS وReact). تقوم UX Pilot أيضًا ببناء نماذج أولية قابلة للنقر وReact ويمكن نشرها كروابط مستضافة. يقول مراجعو G2 إن تصدير HTML الأصلي وتحريره مباشرة أدى إلى الحفاظ على التصميم بشكل أكثر موثوقية من إعادة بنائه من مرجع.

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

يمكن لـ UX Pilot مراجعة تصميم لمشكلات تجربة المستخدم، وإمكانية الوصول مقابل WCAG، وتعليقات الشخصية، وخرائط الحرارة المتوقعة للانتباه. هذه تنبؤات نموذجية، وليست أبحاثًا للمستخدم، لذا استخدمها لاكتشاف المشكلات الواضحة قبل الاختبار الحقيقي. للتعرف على المبادئ الأساسية، اقرأ موقعنادليل أساسيات تجربة المستخدم.

شبيه مواقع الويب والحركة والمختبرات

تتضمن الخطط المدفوعة أداة استنساخ لموقع الويب تعمل على إعادة إنشاء تخطيط الموقع من عنوان URL كتصميم قابل للتحرير. يقوم UX Pilot أيضًا بإنشاء رسومات متحركة ومقاطع فيديو من موجه أو عنوان URL، ويوفر أدوات متصفح مجانية للتدرجات والأنسجة والتأثيرات ضمن مختبرات UX Pilot.

UX Pilot التسعير والائتمانات

UX Pilot تبيع الاعتمادات. ينفقها كل جيل أو شاشة أو تعديل، وتحدد خطتك المبلغ الذي ستحصل عليه. هذه هي الخطط UX Pilot المدرجة على صفحاتها الخاصة في أكتوبر 2026:

خطة السعر الاعتمادات والقدرات ما يضيفه
مجاني 0 دولار، بدون بطاقة 80 ساعة معتمدة في اليوم غير قابلة للتجديد، ما يصل إلى 13 شاشة في اليوم، مشروع واحد كل ميزات التصميم، ولكن لا يوجد Figma أو تصدير الكود والاستخدام غير التجاري للتصميمات. تصميمك الأول مجاني
برو 29 دولارًا شهريًا، أو 19 دولارًا شهريًا يتم إصدار فاتورة بها سنويًا 750 نقطة شهريًا (الافتراضي في صفحة الخطط، التي تعرض قائمة منسدلة للاعتمادات)، حتى 125 شاشة تصدير إلى Figma والرمز واستنساخ موقع الويب ومشاريع غير محدودة وزيادة الرصيد
فرق 39 دولارًا لكل مستخدم شهريًا، أو 31 دولارًا يتم إصدار فاتورة بها سنويًا (من 2 إلى 15 مقعدًا) 900 نقطة لكل مستخدم شهريًا، حتى 150 شاشة لكل مستخدم مجمع الائتمان المشترك، المقاعد والأدوار، التعاون في الوقت الحقيقي، الدعم ذو الأولوية
المؤسسة مخصص مخصص الضبط الدقيق لعلامتك التجارية، واستيراد نظام التصميم الكامل، وواجهة برمجة التطبيقات (API)، وSSO، وSCIM، وسجلات التدقيق

تعرض صفحة الخطط في نوفمبر 2026 الخطة المجانية بما يصل إلى 13 شاشة يوميًا مع 80 رصيدًا يوميًا لا يتم ترحيلها.

صفحة خطط UX Pilot في 1 نوفمبر 2026 مع مجانًا، وPro بسعر 19 دولارًا أمريكيًا شهريًا تتم فوترته سنويًا، وTeams بسعر 31 دولارًا أمريكيًا لكل مستخدم شهريًا، وبطاقات Enterprise
التدريب العملي على UX Pilot: صفحة الخطط

ثلاثة أشياء يجب معرفتها قبل أن تدفع:

  • الأسعار القديمة لا تزال متداولة.لا تزال العديد من المراجعات والقوائم، بما في ذلك G2 وCapterra، تعرض المستويين القياسي والمحترف السابقين (420 و1200 نقطة). استخدم uxpilot.ai للأرقام الحالية.
  • التكرار هو ما يكلفك.يقول المراجعون في Trustpilot وG2 وHacker News إن الاعتمادات تستنزف بسرعة عندما يحتاج النموذج إلى عدة محاولات. في الاستخدام العملي، أدى تعديل صغير على الشاشة التي تم إنشاؤها إلى زيادة الرصيد المجاني من 80 إلى 71 نقطة.
  • اقرأ الشروط المتعلقة بالاعتمادات والمبالغ المستردة.تنص شروط UX Pilot (آخر تحديث في 12 فبراير 2026) على أن أرصدة الخطة يتم ترحيلها أثناء اشتراكك وأن الأرصدة التي تشتريها لا تنتهي صلاحيتها أبدًا، بينما تقول صفحة الخطط أن الأرصدة المجانية يومية بدون تجديد. يقولون أيضًا أن أرصدة الخطة تصبح غير قابلة للوصول إذا قمت بالإلغاء. يصف بعض المراجعين نزاعات بشأن استرداد الأموال، لذا اختبر الخطة المجانية أولاً.

تعتبر الخطة المجانية مفيدة حقًا لاختبار القيادة: تصميمك الأول مجاني وتغطي الاعتمادات اليومية الـ 80 تصميمًا ثلاثي الشاشات بالإضافة إلى تعديل في الاستخدام العملي، مع وجود أرصدة احتياطية. التصميمات المجانية مخصصة للاستخدام الشخصي وغير التجاري، لذلك تحتاج إلى خطة مدفوعة لعمل العميل أو المنتج.

UX Pilot Figma البرنامج المساعد: كيف يعمل Nodey

UX Pilot له طريقتان إلى Figma. يقوم تطبيق الويب بتصدير التصميمات إلى Figma على الخطط المدفوعة. Nodey هو وكيل الذكاء الاصطناعي الذي يعمل داخل Figma نفسه. إنه مجاني التثبيت ويستخدم نفس حساب UX Pilot، لذا تنفق الأجيال رصيد UX Pilot الخاص بك.

  1. قم بتثبيت Nodey من مجتمع Figma وقم بتسجيل الدخول باستخدام حساب UX Pilot الخاص بك.
  2. اضغط على Cmd+K على اللوحة القماشية واكتب ملخصًا، أو الصق PRD أو لقطة شاشة.
  3. قم بتشغيل Simple Sync مرة واحدة. Nodey يقرأ مكوناتك بحيث تستخدمها الأجيال اللاحقة كمثيلات حقيقية، وليست نسخًا غير متصلة.
  4. حدد قسمًا أو مكونًا أو شاشة واطلب التغيير. كل شيء آخر يبقى في مكانه.

الإخراج عبارة عن طبقات Figma أصلية وقابلة للتحرير مع تخطيط تلقائي ورموز مميزة سليمة، وهذا هو السبب الرئيسي وراء اختيار المصممين له على الأدوات التي تصدر الإطارات المسطحة. التحذير من المراجعين هو أن جداول البيانات الكثيفة والنماذج المعقدة يمكن أن تعود بطبقات مجمعة بشكل غير محكم تحتاج إلى بضع دقائق من التنظيف.

Nodey، وكيل UX Pilot AI داخل Figma، يبني تدفق الحجز من رسالة تقول "استخدم مكوناتي"، مع قائمة التقدم وثلاث شاشات لتطبيقات تأجير المقصورة على اللوحة
الصورة: UX Pilot. Nodey، وكيل UX Pilot داخل Figma، يقوم ببناء ثلاث شاشات من الموجه (لقطة شاشة من صفحة Nodey الخاصة بـ UX Pilot).

إذا كنت تقيم في Figma وتريد وكيلًا هناك بسياق نظام التصميم، فقد تم تصميم Buddy’s Anima، وكيل الذكاء الاصطناعي للتصميم لـ Figma، لنفس الوظيفة. نحن مقارنتها مع الخيارات الأخرى في منطقتناClaude مراجعة التصميمومقارنة Figma Make و Anima Playground.

UX Pilot MCP: التصميم من Claude أو Cursor أو ChatGPT

يحتوي UX Pilot على خادم MCP، بحيث يمكن لوكيل الترميز التصميم دون فتح أداة التصميم. إنه يعمل مع Claude، Claude Code، ChatGPT، Cursor، Devin، VS Code مع Copilot وأي عميل MCP، ويسجل الدخول باستخدام OAuth أو مفتاح API. يسرد UX Pilot أكثر من 75 أداة تغطي تنظيم العمل واستيراد HTML أو عنوان URL عام كتصميم قابل للتحرير والمراجعة والإصدار والنماذج الأولية والنشر.

في Claude أضف UX Pilot ضمن الإعدادات، ثم الموصلات، قم بتسجيل الدخول واطلب من Claude تصميم شيء ما. الفكرة هي أن العمل من الدردشة يقع على لوحة مرئية حيث يمكنك مراجعتها قبل إنشائها. يقول أحد مراجعي G2 الذين يقومون ببناء تطبيقين أصليين إن وكيل الترميز الخاص بهم يمكنه سحب التصميمات مباشرة من UX Pilot، على الرغم من أن آخر أبلغ عن مشكلة في التحقق من صحة مخطط الأداة في VS Code والتي أوقفت الدردشة حتى قاموا بتعطيل بعض الأدوات.

UX Pilot MCP شاشة إعداد النظام الأساسي مع Claude، Claude الكود، ChatGPT، Cursor IDE وأي خيارات عميل MCP وتسجيل دخول أصلي موصى به
الصورة: UX Pilot. قوائم إعداد MCP Claude، رمز Claude، ChatGPT، Cursor وأي عميل MCP (إطار من صفحة UX Pilot الخاصة بـ MCP).

UX Pilot التدريب العملي: المطالبة والتحرير باستخدام الذكاء الاصطناعي

لمعرفة كيفية تصرف UX Pilot عمليًا، تتبع هذه الإرشادات الموجزة وتعديلًا واحدًا للمتابعة على الخطة المجانية. تُظهر لقطات الشاشة المسار بأكمله، بدءًا من الاشتراك وحتى التصميم المُعدل.

الخطوة 1: قم بالتسجيل وبدء التصميم

يستغرق التسجيل بضع خطوات الإعداد. الخطوة الأخيرة، الخطوة 4 من 4، هي عرض للترقية إلى Pro أو Teams أو Enterprise، بمبلغ صغيرالاستمرار مجاناالرابط تحت. من السهل تفويتها، لذا ابحث عنها.

UX Pilot خطوة الإعداد 4 من 4 التي تقدم Pro وTeams وEnterprise مع رابط متابعة مجانًا
التدريب العملي على UX Pilot: عرض الترقية عند التسجيل

شاشة التصميم الجديدة عبارة عن مربع مطالبة واحد. شرائح وضع الجلوس أسفلها: تطبيق الويب، وتطبيق الهاتف المحمول، ولوحة المعلومات، والصفحة المقصودة، والإطارات السلكية، وتدفق المستخدم، وتطبيق React. بجوار الموجه توجد قائمة منسدلة للنموذج تقرأقياسي، وتقول لافتةتصميمك الأول علينا.

UX Pilot شاشة تصميم جديدة مع مربع مطالبة وقائمة منسدلة للنموذج القياسي وشرائح الوضع لتطبيق الويب وتطبيق الهاتف المحمول ولوحة المعلومات والصفحة المقصودة والإطارات السلكية وتدفق المستخدم وتطبيق React
التدريب العملي على UX Pilot: اختيار وضع التصميم

الخطوة 2: إنشاء ثلاث شاشات متنقلة

اخترتطبيق الجوالرقاقة، اترك النموذج على قياسي والصق ملخصًا. هنا هو الموجز:

تطبيق جوال لمجتمع تبادل النباتات في الحي: موجز منزلي، وصفحة تفاصيل النبات، وشاشة الدردشة. لهجة نظيفة وودية وخضراء.

تصل المطالبة إلى AI canvas: لوحة دردشة على اليسار ولوحة قماشية مفتوحة على اليمين. يقرأ عداد الائتمان في الأعلى80/80. توفر لوحة الدردشة إجراءات أولية مثل تخطيط تصميمك وإضافة سياق واستنساخ موقع ويب وتوصيل MCP وتحميل PRD.

UX Pilot مساحة عمل مع مطالبة تطبيق الهاتف المحمول التي يتم كتابتها، ولافتة تصميم أولية مجانية، وإجراءات بداية وعداد ائتمان 80 من 80
التدريب العملي على UX Pilot: الموجه وAI canvas

يقوم Design Agent بعد ذلك بكتابة قائمة مهام قصيرة في الدردشة، عنصر واحد لكل شاشة، وإنشاء الشاشات واحدة تلو الأخرى. يعرض سطر الحالة ما يفعله، وتقدم الواجهة إشعارًا للمتصفح عند الانتهاء من العمل.

UX Pilot إنشاء ثلاث شاشات متنقلة LeafyShare مع قائمة مهام مكونة من ثلاثة عناصر في لوحة الدردشة
التدريب العملي على UX Pilot: يعمل Design Agent من خلال قائمة المهام

ما يخرج

ينتهي التشغيل بثلاث شاشات على القماش تحمل اسممشاركة ورقية – الصفحة الرئيسية,مشاركة ورقية – تفاصيل النباتومشاركة ورقية – دردشة. لا يزال عداد الائتمان يقرأ 80/80 بعد هذا التصميم الأول، والذي يطابق شعار التصميم الأول المجاني. يلخص الوكيل عمله في الدردشة، وتتطابق الشاشات مع هذا الملخص:

  • الصفحة الرئيسية:رأس الموقع، وقراءة شريط البحثبحث عن النباتات لمبادلة…، صف من أيقونات الفئات، أجديد بالقرب منكقسم وشبكة مكونة من عمودين من بطاقات قائمة النباتات التي تحتوي على صور، بالإضافة إلى شريط علامات التبويب السفلي.
  • تفاصيل النبات:صورة بطل كبيرة لـ Monstera، عنوان مع علامة حالة، قسم حول، ثلاث علامات رعاية (ضوء، ماء، صعوبة)، بطاقة مالك مع تصنيف وبطاقة خضراءطلب مبادلةزر.
  • الدردشة:محادثة بين جارين حول المبادلة، وبطاقة سياق في الأعلى للمصنع الذي يتم تداوله، ورسالة مصورة في الموضوع.
لوحة UX Pilot مع شاشات LeafyShare Home وPlantDetail وChat التي تم إنشاؤها من خلال مطالبة تبديل النباتات
التدريب العملي على UX Pilot: ثلاث شاشات متنقلة تم إنشاؤها

بالنسبة للملخص المكون من جملة واحدة، تعد هذه مسودة أولية متماسكة. تشترك الشاشات الثلاث في لوحة خضراء واحدة ونمط بطاقة واحد وشريط علامات تبويب واحد، والنسخة مخصصة لمجتمع تبادل النباتات بدلاً من lorem ipsum. تحتوي كل شاشة مذكورة في الملخص على العناصر التي تتوقعها. من الصعب الحكم على التباعد والتباين عند تكبير اللوحة القماشية، لذا افتح الشاشات بالحجم الكامل قبل أن تقرر.

الخطوة 3: قم بالتحرير باستخدام مطالبة المتابعة

تتم التعديلات في نفس الدردشة. مطالبة المتابعة:

اجعل تغذية المنزل عبارة عن شبكة مكونة من عمودين وأضف شريط بحث

أثناء عمل الوكيل، يتم استبدال الشاشة الرئيسية على اللوحة القماشية بعنصر نائب يقرأقراءة سياقك السريع والجامع…، بينما تظل الشاشتان الأخريان مرئيتين. يتم إعادة إنشاء الشاشة التي يتم تحريرها فقط. يقبل مربع الدردشة أيضًا الطلب الموجود في قائمة الانتظار بينما لا يزال الطلب السابق قيد التشغيل.

UX Pilot إعادة إنشاء شاشة LeafyShare الرئيسية بعد طلب تحرير، مع إظهار عنصر نائب يقول قراءة سياق المطالبة والتجميع
التدريب العملي على UX Pilot: تحرير شاشة واحدة

انتهى التعديل في 33 ثانية. أبلغ UX Pilot عن شبكة مكونة من عمودين تحتوي على المزيد من القوائم وشريط بحث ثابت وقراءة الإشعارتصميمك جاهز: LeafyShare – الصفحة الرئيسية. انخفض عداد الائتمان إلى71/80، لذا فإن تكلفة التعديل الواحد تبلغ حوالي 9 وحدات دراسية.

UX Pilot اللوحة القماشية بعد التحرير مع شبكة قائمة النباتات المكونة من عمودين وشريط البحث على الشاشة الرئيسية، وعداد الائتمان عند 71 من 80
التدريب العملي على UX Pilot: خلاصة المنزل المعدلة وعداد الائتمان

شيئين يجب ملاحظتهما. أولاً، كانت المسودة الأولى تحتوي بالفعل على شبكة مكونة من عمودين وشريط بحث، لذلك طلب موجه التحرير الأشياء التي كانت موجودة في الغالب. بعد التعديل، تعرض الشاشة الرئيسية ست قوائم قيد العرض بدلاً من أربع، وتشير UX Pilot إلى أن شريط البحث أصبح الآن ثابتًا، وهو ما لا يمكن أن تظهره الصورة الثابتة. ثانيًا، تتراكم التكلفة: عند حوالي 9 وحدات دراسية لتحرير صغير، فإن 80 وحدة يومية في الخطة المجانية تغطي ما يقرب من ثمانية تعديلات بهذا الحجم. وهذه نقطة بيانات واحدة، ويمكن أن تختلف تكلفة الائتمان حسب الطلب.

الخطوة 4: تسليم

يؤدي تحديد شاشة على اللوحة القماشية إلى إظهار شريط أدوات صغير به إنشاء وتحرير وتصدير ونقل إلى ملف وحفظ، ويحتوي الشريط العلوي على أزرار تصدير ومشاركة. تسرد صفحة خطط UX Pilot التصدير إلى Figma والرمز ضمن Pro، لذا خطط لخطة مدفوعة إذا كان التسليم هو الهدف.

UX Pilot شريط أدوات التحديد أعلى شاشات LeafyShare مع إنشاء وتحرير وتصدير ونقل إلى ملف وحفظ، وزر التصدير في أعلى اليمين
التدريب العملي على UX Pilot: شريط أدوات التحديد وزر التصدير

الوجبات الجاهزة

  • السرعة:أنتجت إحدى المطالبات ثلاث شاشات متنقلة متصلة، واستغرق التعديل الصغير 33 ثانية.
  • التكلفة:كان التصميم الأول مجانيًا، وكلف التعديل حوالي 9 من 80 نقطة يومية.
  • الاحتكاك:تظهر مطالبات الترقية أثناء الإعداد وفي أي مكان آخر في التطبيق. إنها قابلة للتخطي.
  • الخطوات التالية:تغطي الأقسام أعلاه التدفق التلقائي ووضع الإطار السلكي والمكون الإضافي Nodey والخادم MCP.

ماذا يقول المستخدمون عن UX Pilot

UX Pilot حاصل على 4.3 من أصل 5 على G2 من 132 تقييمًا، مع منح 63 بالمائة خمس نجوم. النمط في المراجعات المكتوبة متسق:

  • أشاد:السرعة من المتطلبات إلى التخطيط الأول، والإطارات السلكية المنظمة، والتدفقات على الشاشات المتعددة، وتصدير Figma النظيف مع تخطيط تلقائي سليم.
  • انتقد:تحرير دقيق محدود في المتصفح، ونفاد الاعتمادات أثناء التكرار، والميل نحو أنماط شبكة SaaS القياسية، والطبقات المجمعة بشكل غير محكم بعد التصدير، وانحراف النمط بين الإصدارات التي تم إنشاؤها.
  • تروستبايلوتتتبع المراجعات نفس الانقسام، مع الثناء القوي على جودة المخرجات والشكاوى المتكررة حول الاستقرار، والعمل المفقود، والنزاعات المتعلقة بالفواتير واسترداد الأموال.

يقول أحد مراجعي G2، وهو مصمم، إن جداول بيانات المؤسسة الكثيفة والنماذج متعددة الخطوات يمكن أن تعود بطبقات مجمعة بشكل غير محكم. يقول أحد مراجعي المطورين إن UX Pilot يمنحهم عدة اتجاهات للاختيار من بينها ويحافظ على الصفحات الجديدة متسقة مع أسلوبهم الحالي. كلاهما عبارة عن تقارير فردية، وليست معدلات عيوب.

UX Pilot إيجابيات وسلبيات

الايجابيات سلبيات
AI canvas مع Design Agent الذي يخطط للشاشات ويبنيها ويحررها تنفق تعديلات الوكيل الاعتمادات: حوالي 9 لتحرير صغير في الاستخدام العملي
عدة اتجاهات التصميم من موجه واحد يتم استهلاك الاعتمادات بسرعة عند التكرار، ويتم التنازع على المبالغ المستردة في بعض المراجعات
ينشئ التدفق التلقائي تدفقات متصلة متعددة الشاشات يمكن أن ينجرف الأسلوب عبر الشاشات في تدفقات طويلة
Nodey يُنشئ طبقات Figma أصلية ويعيد استخدام مكوناتك تصدير تطبيق الويب إلى Figma ويحتاج الكود إلى خطة مدفوعة
يعمل خادم MCP مع Claude وCursor وChatGPT التحكم الدقيق في المتصفح محدود، لذلك تنتهي معظم الفرق في Figma
خطة مجانية مع 80 نقطة في اليوم وبدون بطاقة التصاميم المجانية غير تجارية فقط
عمليات التدقيق والخرائط الحرارية ووكيل مراجعة العلاقات العامة لتصميم GitHub النواتج هي التصميم أولا. لا تحصل على تطبيق عملي وقابل للنشر

UX Pilot مقابل Google Stitch مقابل Figma Make

تتداخل هذه الأدوات الثلاثة ولكنها تبدأ من أماكن مختلفة. UX Pilot هو نظام التصميم الأكثر توجهاً نحو Figma، وStitch مجاني ومرتبط بأدوات مطور Google، وFigma Make يبني نماذج أولية تفاعلية داخل Figma.

UX Pilot Google Stitch Figma Make
يبدأ من موجه، PRD، لقطة شاشة، URL، مكونات Figma موجه، صورة، URL، رمز، صوت موجه، Figma التصميم، الريبو
السعر مجاني (80 ساعة معتمدة في اليوم)، Pro 19 دولارًا إلى 29 دولارًا في الشهر مجانًا في مختبرات جوجل الأرصدة في خطط Figma، مجانية محدودة على المبتدئين
Figma وكيل Nodey في Figma، التصدير على الخطط المدفوعة انسخ إلى Figma، تم الإبلاغ عن الإطارات المسطحة موطن لـ Figma
الكود HTML، CSS، React، مزامنة GitHub، MCP HTML وCSS، MCP، استوديو الذكاء الاصطناعي ومضاد الجاذبية محرر الأكواد وتنزيل ZIP
الأفضل ل فرق المنتج على Figma استكشاف مجاني وبناة Google-stack نماذج أولية تفاعلية في Figma

اقرأ الأعطال الكاملة في موقعناGoogle Stitch مراجعةودليلنا لFigma Make. UX Pilot تنشر أيضًا صفحات المقارنة الخاصة بها. إنها مفيدة للميزات ولكنها عبارة عن صفحات تسويقية، لذا قم بتقييم المطالبات المتعلقة بالمخرجات “الجاهزة للإنتاج” وفقًا لذلك.

أفضل بدائل UX Pilot

يعتمد البديل المناسب على ما إذا كنت تريد ملف تصميم أو منتجًا عاملاً.

1.Anima Playground

Anima Playground هو المكان الذي تصمم فيه الكود مباشرةً باستخدام الذكاء الاصطناعي. تبدأ من مطالبة أو تصميم Figma أو صورة أو عنوان URL لموقع ويب وتحصل على تطبيق HTML أو React قابل للتحرير يمكنك معاينته وتكراره ومشاركته ونشره. اختره عندما يكون الهدف النهائي هو تشغيل البرنامج وتريد إبقاء التصميم في الحلقة مع تغير الكود. إنه ليس منشئ ملفات Figma، لذا إذا كان فريقك يحتاج إلى طبقات Figma أصلية، فقم بإقرانه بأداة تعتمد على Figma. يتعامل المكون الإضافي Anima Figma وBuddy مع الجانب Figma.

2.Google Stitch

مجاني وسريع لاستكشاف الاتجاهات ومرتبط بـ Google AI Studio وAntigravity. أضعف في التحكم في نظام التصميم وهيكل Figma النظيف. انظرمراجعة كاملة.

3. Figma Make

الأفضل إذا كنت تريد نماذج أولية تفاعلية داخل Figma مع تصميماتك كسياق. اقرأما هو Figma Make وكيف يعمل.

4. Claude التصميم

تكون مساحة عمل تصميم المحادثة في Anthropic أقوى عندما تكون الخطوة التالية هي رمز Claude. لا يوجد تصدير أصلي Figma. انظر لديناClaude مراجعة التصميم.

5. الأصدقاء بواسطة Anima

AI design agent داخل Figma يعمل مع سياق نظام التصميم الخاص بك. اختره إذا كنت تريد البقاء على لوحة Figma.

أداة الأفضل ل الإخراج التسعير
UX Pilot واجهة مستخدم المنتج والتدفقات مع التسليم Figma تصميمات قابلة للتحرير، طبقات Figma، HTML وReact مجانًا، ثم من 19 دولارًا إلى 39 دولارًا في الشهر
Anima Playground تطبيقات الويب العاملة من خلال المطالبة، Figma، الصورة أو عنوان URL قابل للتحرير HTML وReact يمكنك نشره راجع أسعار Anima
Google Stitch استكشاف مجاني وبناة Google-stack الشاشات، الكود، AI Studio، Antigravity مجانًا في مختبرات جوجل
Figma Make نماذج أولية تفاعلية في Figma التطبيق النموذجي والرمز البريدي أرصدة مضمنة في خطط Figma
Claude التصميم المفاهيم المرئية التي تقودها الدردشة النماذج الأولية، والشرائح، والصفحات الواحدة Claude الخطط المدفوعة

من يجب أن يستخدم UX Pilot؟

  • مصممي المنتجات على Figmaالذين يريدون المزيد من التوجيهات بشكل أسرع ويحتاجون إلى مخرجات تحترم مكوناتهم.
  • مديري المنتجاتالذين يريدون تحويل PRD إلى تدفق يمكنهم مراجعته مع أصحاب المصلحة.
  • الوكالاتالتي تحتاج إلى خيارات ملموسة في مرحلة ما قبل البيع.
  • المطورين مع وكلاء الترميزالذين يريدون خطوة مرئية من خلال MCP.

ابحث في مكان آخر إذاأنت بحاجة إلى تطبيق قابل للنشر، أو تريد تكرارًا مجانيًا غير محدود، أو تحتاج إلى تحكم يدوي جيد داخل تطبيق الويب.

الحكم النهائي: هل UX Pilot يستحق كل هذا العناء؟

نعم، إذا كنت أحد أعضاء فريق المنتج الذي يركز على Figma وتتعامل مع المخرجات على أنها مسودة أولى قوية. ابدأ بالخطة المجانية، وقم بتشغيل ملخص واحد مثل ما هو مذكور أعلاه، واحسب الاعتمادات ووقت التنظيف قبل الدفع. يعد AI canvas والمكون الإضافي Nodey وخادم MCP أفضل الأسباب لاختياره بدلاً من أداة الدردشة العامة. إذا كنت بحاجة إلى برنامج فعال بدلاً من التصميم، فإن منشئ التطبيقات مثل Anima Playground هو الخطوة التالية الأفضل.

التصميم مباشرة بالبرمجة باستخدام الذكاء الاصطناعي

التصميم باستخدام الذكاء الاصطناعي: قم بوصف شاشة أو تحويل تصميمات Figma إلى رموز.

UX Pilot الأسئلة الشائعة

ما هو UX Pilot؟

UX Pilot هي أداة لتصميم منتجات الذكاء الاصطناعي تعمل على تحويل المطالبات وعروض PRD ولقطات الشاشة إلى شاشات واجهة مستخدم قابلة للتحرير وإطارات سلكية وتدفقات متعددة الشاشات على AI canvas، مع Design Agent الذي يخطط لها ويبنيها ويحررها. أضاف الإصدار 2.0، الذي تم إطلاقه في يوليو 2026، نموذج Glide الخاص به وخادم MCP واستيراد نظام التصميم.

هل UX Pilot مجاني؟

نعم، هناك خطة مجانية تحتوي على 80 نقطة يوميًا غير قابلة للتجديد، وما يصل إلى 13 شاشة يوميًا ومشروع واحد، دون الحاجة إلى بطاقة ائتمان. تصميمك الأول مجاني، وفي الاستخدام العملي، يتكلف تعديل صغير حوالي 9 وحدات. قم بالتصدير إلى Figma والكود، واستنساخ موقع الويب والاستخدام التجاري للتصميمات يحتاج إلى خطة مدفوعة. تبلغ تكلفة Pro 19 دولارًا شهريًا يتم إصدار فاتورة بها سنويًا أو 29 دولارًا شهريًا.

كم تكلفة UX Pilot؟

Pro هو 19 دولارًا شهريًا يتم إصدار فاتورة به سنويًا (29 دولارًا شهريًا) مع 750 رصيدًا شهريًا. تبلغ تكلفة Teams 31 دولارًا أمريكيًا لكل مستخدم شهريًا، ويتم إصدار فاتورة بها سنويًا (39 دولارًا أمريكيًا شهريًا) مع 900 نقطة لكل مستخدم وما يصل إلى 150 شاشة لكل مستخدم. المؤسسة مخصصة. لا تزال القوائم الأقدم تعرض المستويات السابقة، لذا تحقق من uxpilot.ai.

هل يحتوي UX Pilot على مكون إضافي Figma؟

نعم. Nodey هو وكيل الذكاء الاصطناعي لـ UX Pilot داخل Figma. إنه مجاني للتثبيت، ويستخدم أرصدة UX Pilot الخاصة بك، وينشئ طبقات Figma أصلية تعيد استخدام مكوناتك بعد مزامنة بسيطة بنقرة واحدة. يتم تصدير تطبيق الويب أيضًا إلى Figma على الخطط المدفوعة.

هل يعمل UX Pilot مع Claude أو Cursor أو ChatGPT؟

نعم. UX Pilot لديه خادم MCP يعمل مع Claude، Claude Code، ChatGPT، Cursor، Devin، VS Code مع Copilot وأي عميل MCP، بحيث يمكن للوكيل إنشاء ومراجعة و تصميمات النماذج الأولية من خلال UX Pilot.

ما هي أفضل بدائل UX Pilot؟

يعد Anima Playground خيارًا قويًا إذا كنت تريد العمل HTML أو React من تصميم موجه أو Figma. Google Stitch مجاني وجيد للاستكشاف، Figma Make يناسب النماذج الأولية التفاعلية في Figma، والتصميم Claude يناسب المفاهيم التي تقودها الدردشة.