الصفحة الرئيسية لـ UXMagic
  • المزايا
  • المكتبات
  • المجتمع
  • الأسعار
  • التسويق بالعمولة
  • الموارد
الصفحة الرئيسية لـ UXMagic
الصفحة الرئيسية لـ UXMagic

المكتبات

المجتمع
الأسعار
التسويق بالعمولة

الموارد

تابعنا على:
  • تابعنا على Slack
  • تابعنا على Twitter
  • تابعنا على LinkedIn
  • تابعنا على YouTube
  • تابعنا على Instagram
مركز المساعدة
  • 🚀ابدأ من هنا
  • ✨توليد التصاميم
  • 🎨التصميم والتحرير
  • 📦التصدير والتسليم
  • 🌐نشر موقع حي
  • 🤝المشاركة والتعاون
  • 🔌التكاملات والمطوّرون
    • خادم UXMagic لـ MCP
    • مفاتيح الواجهة البرمجية
    • إضافة UXMagic لـ Figma
    • المزامنة مع GitHub
    • استخدام UXMagic من ChatGPT وClaude وغيرهما
  • 💳الخطط والأرصدة والفوترة
  • 🛠حل المشكلات

ما زلت متعثّرًا؟

فريقنا يجيب من داخل المنتج.

تواصل مع الدعم ←
  1. مركز المساعدة/
  2. التكاملات والمطوّرون/
  3. خادم UXMagic لـ MCP

خادم UXMagic لـ MCP

اربط Claude أو Cursor أو VS Code أو Windsurf أو Codex أو Antigravity بمشاريع UXMagic عندك.

آخر تحديث 27 أغسطس 2026

في هذه الصفحة

  • الإعداد
  • ما الذي يستطيعه مساعدك بعد الربط
  • سير عمل نموذجي
  • الأرصدة
  • الأمان

بروتوكول سياق النماذج (MCP) معيار مفتوح يتيح لمساعدي الذكاء الاصطناعي التحدث مباشرةً إلى أدوات خارجية. وخادم UXMagic لـ MCP يربط مساعد البرمجة عندك بمشاريع UXMagic الحقيقية — فبدل نسخ لقطات الشاشة إلى محادثة، يقرأ مساعدك التصميم نفسه.

uxmagic.ai/dashboard/project
نافذة ”ربط MCP“، تعرض بيئات التطوير المدعومة: Antigravity وCursor وCodex وVS Code وWindsurf وClaude.
Connect MCP pairs a project with Claude, Cursor, VS Code, Windsurf, Codex or Antigravity.

الإعداد#

  1. اذهب إلى صفحة MCP واختر بيئة التطوير عندك.
  2. ولّد مفتاح واجهة برمجية — راجع مفاتيح الواجهة البرمجية.
  3. انسخ الإعداد المولَّد والصقه في إعدادات MCP ببيئة التطوير عندك.
  4. أعِد تشغيل بيئة التطوير إن لم تلتقط الخادم الجديد فورًا.

المدعوم جاهزًا: Claude وCursor وVS Code وWindsurf وCodex وAntigravity. وأي عميل متوافق مع MCP يعمل بالإعداد نفسه.

ما الذي يستطيعه مساعدك بعد الربط#

قراءة عملك

  • سرد مشاريعك، وجلب تفاصيل مشروع.
  • سرد شاشات مشروع، وجلب تفاصيل شاشة.
  • قراءة HTML لشاشة، وقراءة نسق المشروع.
  • سرد مستندات المشروع وقراءتها (وثائق المتطلبات والموجزات).

تغيير عملك

  • إنشاء مشروع، وإنشاء شاشة، وتكرار شاشة.
  • إجراء تحرير موجَّه بالبحث والاستبدال على شاشة، أو استبدال متن الشاشة كله.
  • استبدال صورة.
  • تصدير شاشة إلى Figma.

التوليد

  • إطلاق عملية تصميم، وفحص حالتها، ثم تأكيدها أو إلغاؤها.

والتوليد مصافحة من ثلاث خطوات عن قصد لا استدعاء واحد: يبدأه مساعدك، ويراقبه، وتقرّر أنت أتحتفظ بالنتيجة — فلا تستطيع حلقة وكيل أن تحرق أرصدتك بصمت.

سير عمل نموذجي#

”اقرأ شاشة الأسعار من مشروع Ledgerly عندي ونفّذها مكوّنَ React باستخدام رموز التصميم لدينا.“

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

الأرصدة#

عمليات القراءة مجانية. أما التوليد عبر MCP فيكلّف الأرصدة نفسها التي يكلّفها التوليد في التطبيق — فهو المحرّك نفسه.

الأمان#

مفتاح الواجهة البرمجية عندك يوثّق الاتصال بحسابك. أبقِه خارج الملفات المُودَعة في المستودع، ودوّره أو ألغِه في أي وقت من إعدادات حسابك.

أسئلة متكررة

ما بيئات التطوير المدعومة؟
Claude وCursor وVS Code وWindsurf وCodex وAntigravity — وأي عميل آخر متوافق مع MCP.
هل عليّ تثبيت شيء؟
لا. يولّد UXMagic الإعداد الخاص ببيئة التطوير عندك؛ وتلصقه أنت في إعدادات MCP فيها.

هل كانت هذه المقالة مفيدة؟

مقالات ذات صلة

مفاتيح الواجهة البرمجية

أنشئ المفاتيح ودوّرها وألغِها لخادم MCP وللوصول البرمجي.

تصدير الكود (HTML وReact وTailwind)

صدّر شاشة واحدة أو مشروعًا كاملًا كودَ واجهة أمامية جاهزًا للإنتاج.

المزامنة مع GitHub

ادفع الكود المصدَّر إلى مستودع مباشرة، وانشره عبر GitHub Pages.

→ السابقالمجتمع والإلهامالتالي ←مفاتيح الواجهة البرمجية

في هذه الصفحة

  • الإعداد
  • ما الذي يستطيعه مساعدك بعد الربط
  • سير عمل نموذجي
  • الأرصدة
  • الأمان

فكرتك القادمة
تستحق أن ترى النور

توقف عن التفكير فيها واكتبها فحسب. حتى لو كانت ناقصة أو غير مكتملة، لا يهم. سنحوّلها إلى شيء حقيقي.

المنتج

  • المجتمع
  • خطط الأسعار
  • برنامج العمولة
  • UXMagic MCP
  • Claude MCP
  • معلومات الذكاء الاصطناعي

الموارد

  • مركز المساعدة
  • مكتبة Figma
  • مكتبة React
  • قوالب تطبيقات الجوال
  • التوثيق
  • الدروس التعليمية

المزايا

  • من أمر إلى واجهة
  • من صورة إلى واجهة
  • من رسم إلى واجهة
  • استنساخ موقع
  • استيراد من Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • كل المزايا

قارن

  • مقارنة مع UX Pilot
  • مقارنة مع Relume
  • مقارنة مع MagicPath
  • مقارنة مع Magic Patterns
  • مقارنة مع Banani
  • مقارنة مع Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • كل المنافسين

المدونات

  • الذكاء الاصطناعي في سير عمل تصميم تجربة المستخدم: ما الذي ينجح فعلًا
  • قوالب أوامر جاهزة للوحات تحكم SaaS
  • أوامر حقيقية نستخدمها لإنشاء تدفقات المنتجات
  • هندسة الأوامر لمصممي تجربة المستخدم
  • أفضل أدوات المخططات الهيكلية في 2026: مقارنة بين 10 خيارات مجانية واحترافية
  • كل المدونات

الشركة والدعم

  • الوظائف
  • تواصل معنا
  • سياسة الخصوصية
  • شروط الاستخدام
  • إعدادات ملفات تعريف الارتباط
  • تابعنا على Slack
  • تابعنا على Twitter
  • تابعنا على LinkedIn
  • تابعنا على YouTube
  • تابعنا على Instagram

© 2026 UXMagic AI Technologies Inc.