تفرّق مكدّس تصميم الذكاء الاصطناعي: Claude Design وCodex Sites وFigma وLovart وغرفة تحكّم MCPlato

مراجعة معمّقة لعام 2026 عن Claude Design وSites in Codex وFigma وLovart وMCPlato، ولماذا أصبح تصميم الذكاء الاصطناعي ينتمي إلى مكدّس تجربة ويب لا إلى فئة يفوز فيها منتج واحد بكل شيء.

نُشر في 2026-06-05

السؤال الخاطئ في عام 2026 هو «ما أفضل أداة تصميم بالذكاء الاصطناعي؟»

السؤال الأدق هو: ما المهمة التي تريد توظيف الذكاء الاصطناعي لأدائها؟ يحتاج المؤسس إلى مفهوم لصفحة هبوط؛ ويحتاج فريق المنتج إلى تجربة ويب متجاوبة؛ ويحتاج المهندس إلى demo مستضاف؛ ويحتاج فريق النمو إلى مرئيات للحملات. لقد انقسم «تصميم الذكاء الاصطناعي» إلى استكشاف بصري، وإنشاء ويب مستضاف، وحوكمة أنظمة التصميم، وإبداع تسويقي، وتنسيق في غرفة التحكم.

لهذا تنتمي Claude Design وSites in Codex وFigma وLovart وMCPlato إلى مكدّس واحد، لا إلى سلّم ترتيب واحد.

صورة افتتاحية تحريرية فاخرة تعرض تجربة ويب متجاوبة مجردة تنبثق من مساحة عمل استوديو

الشكل 1: يتحول تصميم الذكاء الاصطناعي إلى مكدّس تجربة ويب، لا إلى لوحة عالمية واحدة.

تدقيق واقعي في التسمية: Claude Design حقيقي؛ أما Codex Sites فهو اختصار

أطلقت Anthropic Claude Design في 17 أبريل 2026 بوصفه Anthropic Labs research preview.¹ ويمكنه إنشاء تصاميم ونماذج تفاعلية ومستندات بصرية من صفحة واحدة ومواد تسويقية ومفاهيم أولية لصفحات هبوط عبر المحادثة والتحسين المباشر.¹ وهذا يجعله اتجاهًا حقيقيًا لمنتج في 2026، لكنه لا يزال preview وليس بديلًا عن حوكمة التصميم الاحترافية.

Codex Sites اختصار مفيد، لكن الاسم الرسمي هو Sites أو the Sites plugin inside Codex. تحمل صفحة المطورين لدى OpenAI عنوان «Sites – Codex»، وتعرّف الميزة بأنها طريقة تتيح من Codex عبر Sites plugin أن «build and deploy hosted sites».² تتيح Sites لـ Codex إنشاء مواقع ويب وWeb apps وألعاب مستضافة من OpenAI وحفظها ونشرها وفحصها.²

الحدود مهمة. Sites في preview، ومتاحة لمساحات عمل ChatGPT Business وEnterprise؛ Business مفعّلة افتراضيًا، أما Enterprise فتُدار عبر RBAC للمسؤولين.² يجب أن تكون المخرجات ES modules متوافقة مع Cloudflare Worker، وكل Sites deployment URL هو نشر إنتاجي.² تعامل معها كسير عمل لتجربة ويب مستضافة، لا كتصميم إنتاجي نهائي.

مراجعة منتجًا بمنتج

Claude Design هو أقوى نقطة بداية عندما تكون التجربة غير واضحة بعد. يمكنه مساعدة الفريق على استكشاف شعور homepage أو onboarding flow أو سردية المنتج أو النموذج قبل الالتزام بنظام تصميم. ميزته هي السرعة والتحسين الحواري. أما حدوده فهي السلطة: يستطيع اقتراح ذوق، لكن الفريق لا يزال يحتاج إلى فحوصات إتاحة وحكم على العلامة وملكية لاحقة.

Sites in Codex يكون أكثر إقناعًا عندما يكون الأثر المطلوب سطح ويب مستضافًا بالفعل: صفحة هبوط، أداة داخلية، dashboard، demo تفاعلي، Web app صغيرة، أو لعبة. يناسب الفرق التي لديها بالفعل متطلبات منظمة أو سياق كود أو مشروع قائم تريد عرضه كتجربة ويب قابلة للمراجعة. تعزز web development use-case collection من OpenAI دور Codex في أعمال الويب، بينما يبقى Codex changelog المكان الأنسب لتتبع تغييرات المنصة بمرور الوقت.³⁴ نقطة ضعفه أن URL إنتاجيًا قد يخلق إحساسًا زائفًا بالاكتمال. النشر لا يعني موافقة العلامة أو الشؤون القانونية أو الأداء أو الأمن.

Figma لا يزال مصدر الحقيقة الاحترافي لتصميم المنتج والويب. تمنح Figma Sites فرق التصميم مسار إنشاء موجّهًا للويب، بينما تضيف Figma Make سير عمل prompt-to-app مع دردشة ومرفقات وpoint-and-edit وسياق أسلوب ومحرر كود وpublishing beta.⁵⁶ تغطي Figma Design AI البحث عن الأصول واستبدال المحتوى والتفاعلات وإعادة تسمية الطبقات وعمليات النص وأدوات الصور والتحويل إلى متجهات وFirst Draft؛ وبدأ AI agent من Figma طرح beta محدودًا في 20 مايو 2026.⁷⁸ ما زال مكدّس الويب يعتمد على انضباط نظام التصميم.⁹

Lovart من الأفضل تأطيره كوكيل بصري للإبداع والتسويق. تؤكد صفحته الرسمية خطوط عمل باللغة الطبيعية، ولوحة موحدة، وتوليد الصور والفيديو، والتحرير على مستوى الطبقات، والتوليد بالجملة، وتصدير PNG/SVG.¹⁰ وهذا يجعله مفيدًا لعوالم الحملات ولوحات المزاج واتجاهات hero image ومفاهيم صور المنتج وبدائل الإطلاق. إنه ليس المكان الأفضل لحوكمة نظام تصميم متجاوب أو فحص موقع مستضاف.

MCPlato يناسب طبقة غرفة التحكم. فهو ليس لوحة تصميم احترافية، ولا منصة مواقع مستضافة، ولا استوديو متخصصًا لصور التسويق. يكون مفيدًا عندما يعتمد مشروع الموقع على البحث، ومواد المصدر، والمهام الطويلة، والموافقات، والجلسات، وانضباط الآثار، والتسليم. إن تموضع MCPlato العلني حول عمل ذكاء اصطناعي مكتبي قابل للملاحظة يجعله workspace لتنسيق العمل حول Claude Design وCodex وFigma وLovart، لا بديلًا عنها.¹¹

جدول المقارنة: ما الذي ينبغي أن تمتلكه كل أداة

المنتج / سير العمل	المهمة الأساسية المطلوبة	الأفضل فيه	الأضعف فيه	أفضل المدخلات	الناتج / الأثر	أفضل مستخدم	غير مثالي لـ	الدور الموصى به في المكدّس
Claude Design	استكشاف بصري حواري	مفاهيم، نماذج، اتجاهات صفحات هبوط، مستندات من صفحة واحدة	السلطة النهائية لنظام التصميم	ملخصات، أفكار منتجات، أنماط مرجعية، ملاحظات مباشرة	مفاهيم بصرية، نماذج، تخطيطات تجربة مسودة	مؤسسون، PMs، مصممون يستكشفون الاتجاه	تصميم إنتاجي دقيق على مستوى البكسل	طبقة تفكير التجربة
Sites in Codex	إنشاء تجربة ويب مستضافة	مواقع ويب، Web apps، ألعاب، dashboards، أدوات داخلية، demos	الذوق البصري، الحوكمة، انضباط المراجعة	متطلبات، سياق كود/مشروع، قيود، معايير مراجعة	موقع ويب مستضاف، Web app، أداة داخلية، dashboard، صفحة هبوط، demo تفاعلي	مهندسون، مشغلون تقنيون، فرق منتج	إطلاقات غير مراجعة أو هوية علامة جديدة	طبقة النموذج المستضاف وتنفيذ الويب
Figma	مصدر الحقيقة للتصميم الاحترافي	أنظمة التصميم، التعاون، تصميم ويب متجاوب، أصول محوكمة	استبدال حكم التصميم البشري	مكونات، أنماط، متطلبات منتج، مكتبات فريق	ملفات تصميم، نماذج، مواقع، أصول علامة تجارية	فرق التصميم والمنتج	تنسيق بحث غير منظم	طبقة التصميم كنظام سجل
Lovart	استكشاف إبداعي للتسويق	لوحات مزاج، مرئيات حملات، اتجاهات علامة، إبداع بالجملة	حوكمة نظام التصميم، فحص المواقع	مطالبات العلامة، أهداف الحملة، مراجع بصرية	صور، فيديوهات، أصول إبداعية بطبقات، صادرات	مسوقون، مبدعون، فرق علامة تجارية	مصدر الحقيقة لواجهة المنتج	طبقة الاستكشاف الإبداعي
MCPlato	تنسيق عمل قابل للملاحظة عبر مواد متعددة	بحث، موافقات، جلسات، آثار، مهام غير متزامنة، تسليم	لوحة تصميم متخصصة أو web runtime مستضاف	مصادر، مواد محلية، خطط مهام، موافقات، ملخصات	تقارير، مخططات، مسارات مهام، مخرجات	مشغلون، باحثون، PMs، فرق تدير العمل	استبدال Figma أو Codex أو Lovart أو المصممين	طبقة غرفة التحكم

مقطع معماري فاخر شبه ثلاثي الأبعاد لسير عمل تجربة ويب مدعومة بالذكاء الاصطناعي

الشكل 2: يفصل المكدّس بين الاستكشاف، والتصميم المحكوم، والتنفيذ المستضاف، والأصول الإبداعية، والتنسيق.

مصفوفة التوصية حسب السيناريو

السيناريو	التوصية الأساسية	الأدوات الثانوية	السبب
اتجاه بصري لصفحة هبوط	Claude Design	Lovart, Figma	يسرّع Claude Design الاستكشاف المبكر؛ ويوسّع Lovart اتجاهات المزاج والحملة.
تصميم موقع متجاوب	Figma	Claude Design, MCPlato	يجب أن يمتلك Figma المكونات والسلوك المتجاوب والتعاون والقرارات القابلة للمراجعة.
نموذج prompt-to-web app	Sites in Codex	Figma Make, MCPlato	يناسب Sites in Codex تطبيقات الويب أو demos المستضافة من سياق تقني.
dashboard/أداة داخلية	Sites in Codex	Figma, MCPlato	يستطيع Codex إنتاج سطح تقني مستضاف؛ ويحكم Figma أنماط UX؛ وينسق MCPlato المتطلبات.
أصول حملة تسويقية	Lovart	Figma Buzz, Claude Design	Lovart أفضل للتنوع الإبداعي ولوحات المزاج ومرئيات الإطلاق؛ ويساعد Figma Buzz في الأصول بالجملة.
بحث عبر مواد متعددة قبل بناء الموقع	MCPlato	Claude Design, Figma	MCPlato هو مركز جمع المصادر والملاحظات والموافقات والتسليم.
مشروع قائم إلى demo مستضاف	Sites in Codex	MCPlato	يمكن لـ Codex Sites تحويل عمل ويب متوافق إلى نشر مستضاف؛ ويتتبع MCPlato التحفظات.
تجربة ويب محكومة بنظام تصميم	Figma	Sites in Codex	يمتلك Figma نظام السجل؛ ويمكن لـ Codex كشف تنفيذ متوافق للمراجعة.
تنسيق مشروع موقع طويل الأمد	MCPlato	Figma, Sites in Codex, Lovart	يحتاج عمل المواقع متعدد المراحل إلى بحث وقرارات وأصول وملاحظات نشر وموافقات مرئية.

ما الذي يجب أن تتجنبه الفرق

أولًا، لا تعامل URL مستضافًا بوصفه موافقة نهائية. توضح وثائق Sites من OpenAI صراحة أن كل deployment URL هو نشر إنتاجي.² ما زال demo عاملًا يحتاج إلى مراجعة المصادر، ومراجعة الإتاحة، ومراجعة العلامة، ومراجعة الأمن، وتوقيع أصحاب المصلحة.

ثانيًا، لا تدع الاختصار يربك الملكية. «Codex Sites» عنوان مريح، لكن الميزة الرسمية هي Sites inside Codex. يجب أن يمتلك Figma أنظمة التصميم المحكومة. لا ينبغي أن يصبح Lovart مصدر الحقيقة لواجهة المنتج. لا ينبغي التعامل مع Claude Design كتصميم إنتاجي مكتمل. يجب أن ينسق MCPlato المواد والقرارات، لا أن يتظاهر بأنه لوحة تصميم أو طبقة استضافة.

تصوير منتج تحريرية فاخرة تقارن بين لوحة تصميم وعنصر ويب مستضاف واستوديو إبداعي ومكتب تنسيق

الشكل 3: يصبح عمل الويب أكثر أمانًا عندما تبقى أسطح الإبداع والتصميم والنشر والتنسيق منفصلة.

الخلاصة: سير العمل الفائز هو مكدّس

مكدّس تصميم الذكاء الاصطناعي في 2026 لا ينهار إلى فائز واحد. إنه يتخصص. يستكشف Claude Design التجربة والاتجاه البصري. يحكم Figma أنظمة التصميم والتعاون المتجاوب. ينشئ Lovart مرئيات الحملات وبدائل عوالم العلامة. يحوّل Sites in Codex الأفكار والمشاريع المناسبة إلى تجارب ويب مستضافة. ويحافظ MCPlato على قابلية ملاحظة البحث ومواد المصدر والموافقات والتكرارات والتسليم.

ستوزع أفضل الفرق الملكية: الاستكشاف في Claude Design، والحوكمة في Figma، وتوليد أصول الحملات في Lovart، وتحويل المشاريع المناسبة إلى demos مستضافة عبر Sites in Codex، وتنسيق العمل الطويل حيث تبقى الأدلة والقرارات مرئية.