MCP، بروتوكول السياق النموذجي، هو معيار مفتوح يتيح لوكلاء الذكاء الاصطناعي الاتصال بمصادر البيانات والأدوات. بالنسبة للمصممين، هذا يعني أن أداة التشفير المدعومة بالذكاء الاصطناعي يمكنها قراءة ملف التصميم مباشرة بدلاً من التخمين من لقطة الشاشة، وفي بعض الحالات إنشاء التصميم نفسه أو تغييره.
يحتوي Figma على خادم MCP الذي يوفر لوكلاء الذكاء الاصطناعي سياق التصميم، مثل المتغيرات والمكونات والتخطيط، حتى يتمكنوا من إنشاء تعليمات برمجية من إطارات محددة. ويمكنه أيضًا كتابة محتوى Figma الأصلي مرة أخرى إلى اللوحة القماشية؛ تصف Figma هذه الميزة بأنها مجانية أثناء الإصدار التجريبي ومن المقرر أن تصبح قائمة على الاستخدام. وفقًا لمركز مساعدة Figma، يتوفر خادم MCP في خطط Starter وProfessional وEducation وOrganization وGovernment وEnterprise.
يحتوي Penpot على خادم MCP مجاني ومفتوح. يصفه Penpot بأنه يعمل مع أي عميل ونموذج MCP، بما في ذلك Claude وCursor وVisual Studio Code وOpenAI Codex، ويمكن للفرق نشره على خوادمهم الخاصة للحفاظ على خصوصية بيانات التصميم.
يحتوي ExodeUI، الذي نصنعه، على خادم MCP لواجهة المستخدم التفاعلية والرسوم المتحركة. يمكن لـ Claude Code وCursor وأدوات ترميز الذكاء الاصطناعي الأخرى إنشاء الرسوم المتحركة وتحريرها، بما في ذلك الحالات وفيزياء الربيع والمدخلات والأحداث، من خلال مطالبات باللغة البسيطة. والنتيجة هي ملف .exode مفتوح يتم تشغيل حزم وقت التشغيل فيه في React وVue وSvelte وAngular وSolid وReact Native وSwiftUI وFlutter.
تضيف الأدوات الأخرى دعم MCP بسرعة، لذا تحقق من مستندات كل بائع قبل الاختيار. تقدم Icons8، على سبيل المثال، خادم MCP لمكتبة الأيقونات والرسوم التوضيحية الخاصة بها، وهو أمر مفيد إلى جانب تطبيق التصميم Lunacy ولكنه لا يقوم بتحرير ملفات Lunacy.