هذه المقالة برعاية Penpot تخيل أن ملف Penpot الخاص بك يحتوي على مجموعة أيقونات كاملة بالإضافة إلى التصميم نفسه، والذي يستخدم بعضًا من تلك الرموز وليس كلها. إذا طلبت من أحد الذكاء الاصطناعي مثل Claude أو Gemini تصدير الرموز المستخدمة فقط، فلن يتمكن من القيام بذلك. إنه غير قادر على التفاعل مع ملفات Penpot. ومع ذلك، يمكن لخادم Penpot MCP. يمكنه تنفيذ عدد من العمليات المختارة بعناية بموجب قواعد وأذونات محددة، خاصة وأن Penpot لديه واجهة برمجة تطبيقات واسعة النطاق وأكثر من ذلك لأنه مفتوح المصدر. تتمثل مهمة الذكاء الاصطناعي ببساطة في فهم نيتك، واختيار العملية المناسبة ليقوم بها خادم MCP (التصدير في هذه الحالة)، وتمرير أي معلمات (على سبيل المثال، الرموز التي يتم استخدامها). يقوم خادم MCP بعد ذلك بترجمة ذلك إلى طلب API منظم وتنفيذه. قد يكون من المفيد التفكير في الذكاء الاصطناعي كخادم في مطعم يتلقى طلبك، وخادم MCP كقائمة وطاهي، وطلب واجهة برمجة التطبيقات (نأمل) كفطيرة بيتزا ساخنة على طبق دافئ. لماذا خوادم MCP بالضبط؟ حسنًا، Penpot غير قادر على فهم نيتك لأنه ليس LLM، كما أنه لا يسمح لـ LLMs من جهات خارجية بالتفاعل مع ملفات Penpot الخاصة بك من أجل أمان وخصوصية بيانات Penpot الخاصة بك. على الرغم من أن خوادم Penpot MCP تعمل كجسر آمن، فإنها تترجم نية الذكاء الاصطناعي إلى طلبات واجهة برمجة التطبيقات باستخدام ملفات Penpot وبياناتها كسياق. والأفضل من ذلك هو أنه نظرًا لأن Penpot يتبع نهج التصميم المعبر عنه كرمز، فيمكن إنشاء التصميمات وتحريرها وتحليلها برمجيًا على مستوى دقيق. إنها أكثر سياقية، وأكثر خصوصية، وبالتالي أكثر قوة مقارنة بما تقدمه خوادم MCP الأخرى، وأكثر تفكيرًا بكثير من سير عمل الذكاء الاصطناعي "وصف → إنشاء" الفرعي الذي لا أعتقد أن أي شخص يريده حقًا. تصف ورقة عمل الذكاء الاصطناعي الخاصة بـ Penpot هذا بأنه النهج السيئ ونهج "التحويل إلى التعليمات البرمجية" باعتباره النهج القبيح، في حين أن خوادم MCP أكثر دقة وقدرة على التكيف. الميزات والتفاصيل الفنية قبل أن ننتقل إلى حالات الاستخدام، إليك بعض الميزات والتفاصيل الفنية التي تشرح بشكل أكبر كيفية عمل خوادم Penpot MCP:
يتوافق مع معايير MCP. يتكامل مع Penpot API للحصول على بيانات التصميم في الوقت الحقيقي؛ يتضمن Python SDK وREST API ونظام المكونات الإضافية وأدوات CLI؛ يعمل مع أي مساعد AI يدعم MCP (Claude in VS Code، Claude in Cursor، Claude Desktop، وما إلى ذلك)؛ يدعم مشاركة سياق التصميم مع نماذج الذكاء الاصطناعي، والسماح لهم برؤية المكونات وفهمها؛ يسهل التواصل مع Penpot باستخدام اللغة الطبيعية.
إذن، ما الذي يمكن أن تمكننا خوادم MCP من فعله في Penpot، وما الذي حققته التجارب الحالية بالفعل؟ دعونا نلقي نظرة. حالات استخدام خادم Penpot MCP إذا كنت تريد فقط التخطي إلى ما يمكن أن تفعله خوادم Penpot MCP، فإن Penpot لديه عدد قليل من العروض التوضيحية لـ MCP المخبأة في Google Drive والتي تستحق المشاهدة. ذكر الرئيس التنفيذي لشركة Penpot Pablo Ruiz-Múzquiz أن مقاطع الفيديو 03 و04 و06 و08 و12 هي المفضلة لديهم. الطريقة الأسرع لتلخيص خوادم MCP هي مشاهدة الكشف عن Penpot Fest 2025. بخلاف ذلك، دعونا نلقي نظرة على بعض الأمثلة الأكثر دقة التي عرضتها شركة Penpot في عرضها العام. التصميم إلى التعليمات البرمجية والعودة مرة أخرى (والمزيد) انطلاقًا مما كنت أقوله سابقًا حول كيفية التعبير عن تصميمات Penpot كرمز، فهذا يعني أنه يمكن استخدام خوادم MCP لتحويل التصميم إلى رمز باستخدام الذكاء الاصطناعي، ولكن أيضًا رمز للتصميم، وتصميم للتوثيق، وتوثيق لتصميم عناصر النظام، والتصميم للرمز مرة أخرى بناءً على نظام التصميم المذكور، ثم مكونات جديدة تمامًا بناءً على نظام التصميم المذكور. يبدو الأمر سرياليًا، لكن العرض التوضيحي أدناه يُظهر قابلية التحويل هذه، وهي ليست من تعليمات غامضة بل من اختيارات التصميم السابقة، بغض النظر عن كيفية التعبير عنها (التصميم أو الكود أو الوثائق). لا توجد مفاجآت - هذه ببساطة هي القرارات التي كنت ستتخذها على أي حال بناءً على قرارات سابقة، ويتم تنفيذها بسرعة. في العرض التوضيحي، يقوم خوان دي لا كروز غارسيا، المصمم في Penpot، بتحويل بعض المكونات البسيطة بسهولة إلى وثائق، وعناصر نظام التصميم، والتعليمات البرمجية، والمكونات الجديدة، وحتى مشروع كتاب قصص كامل مثل قطعة من Play-Doh: التصميم إلى التعليمات البرمجية، والتصميم/التحقق من صحة التعليمات البرمجية، والعمليات البسيطة في عرض توضيحي مماثل أدناه، قام دومينيك جاين، المؤسس المشارك في Oraios AI، بإنشاء تطبيق ويب Node.js استنادًا إلى التصميم قبل تحديث أنماط الواجهة الأمامية، وحفظ الأسماء والمعرفات في الذاكرة لضمان ترجمة سلسة من التصميم إلى التعليمات البرمجية قبل التحقق من اتساقها، وإضافةقم بالتعليق بجوار الشكل المحدد في Penpot، ثم استبدل الخربشة في Penpot بمكون مُكيَّف. هناك الكثير مما يحدث هنا، ولكن يمكنك أن ترى بالضبط ما يكتبه دومينيك في Claude Desktop بالإضافة إلى ردود كلود، وهي قوية جدًا: بالمناسبة، استخدم العرض التوضيحي السابق Claude في VS Code، لذا يجب أن أشير إلى أن خوادم Penpot MCP لا تعتمد على LLM. مكدس التكنولوجيا الخاص بك متروك لك تمامًا. تمكن IvanTheGeek من إعداد خادم MCP الخاص به باستخدام JetBrains Rider IDE وJunie AI. المزيد من حالات الاستخدام ترجمة لوحة Penpot إلى لغة HTML الدلالية الجاهزة للإنتاج وCSS المعيارية مع الاستفادة من أي رموز مميزة لتصميم Penpot (تذكر أن تصميمات Penpot يتم التعبير عنها بالفعل كرمز، لذا فهذه ليست لقطة في الظلام): قم بإنشاء نموذج ويب تفاعلي دون تغيير HTML الموجود: كما هو موضح سابقًا، قم بتحويل الخربشة إلى مكون، مع الاستفادة من التصميم الحالي و/أو عناصر نظام التصميم: قم بإنشاء وثائق نظام التصميم من ملف Penpot: وإليك بعض حالات الاستخدام الإضافية من Penpot والمجتمع:
الصادرات المتقدمة البحث عن عناصر التصميم باستخدام اللغة الطبيعية، سحب البيانات من واجهات برمجة التطبيقات الخارجية باستخدام اللغة الطبيعية، قم بتوصيل Penpot بسهولة بالأدوات الخارجية الأخرى، حفظ المهام المتكررة في الذاكرة وتنفيذها، اختبار الانحدار البصري، اتساق التصميم والتحقق من التكرار، تحليل إمكانية الوصول وسهولة الاستخدام والتعليقات، التحقق من امتثال نظام التصميم، التحقق من الامتثال للمبادئ التوجيهية (العلامة التجارية، والمحتوى، وما إلى ذلك)، مراقبة الاعتماد والاستخدام من خلال تحليلات التصميم، إبقاء الوثائق متزامنة مع التصميم تلقائيًا، تنظيم ملف التصميم (على سبيل المثال، وضع العلامات/التصنيف).
في الأساس، تقود خوادم Penpot MCP الطريق إلى عدد لا حصر له من عمليات سير العمل بفضل كفاءة وسهولة عميل LLM/LLM الذي اخترته، ولكن دون تعريض بياناتك له. ما الذي ستستخدمه لخوادم MCP؟ خوادم Penpot MCP ليست حتى في المرحلة التجريبية، ولكنها تجربة نشطة يمكنك أن تكون جزءًا منها. لقد بدأ مستخدمو Penpot بالفعل في استكشاف حالات الاستخدام لخوادم MCP، لكن Penpot يريد رؤية المزيد. ولضمان أن الجيل القادم من أدوات التصميم يلبي احتياجات المصممين والمطورين وفرق المنتجات بشكل عام، يجب أن يتم بناؤها بشكل جماعي وتعاوني، خاصة عندما يتعلق الأمر بالذكاء الاصطناعي. ملاحظة: يبحث Penpot عن مختبري النسخة التجريبية الذين يتوقون إلى استكشاف خادم MCP الخاص بـ Penpot وتجربته والمساعدة في تحسينه. للانضمام، اكتب إلى support@penpot.app مع سطر الموضوع "متطوع اختبار بيتا MCP". هل هناك أي شيء تشعر أن خوادم Penpot MCP يمكن أن تفعله بينما الأدوات الحالية غير قادرة على القيام به بشكل جيد بما فيه الكفاية، أو بالسرعة الكافية، أو غير قادرة على القيام به على الإطلاق؟ يمكنك تعلم كيفية إعداد خادم Penpot MCP هنا والبدء في الإصلاح اليوم، أو إذا كان عقلك مليئًا بالأفكار بالفعل، يريد Penpot منك الانضمام إلى المناقشة ومشاركة تعليقاتك والتحدث عن حالات الاستخدام الخاصة بك. وبدلاً من ذلك، فإن قسم التعليقات أدناه ليس مكانًا سيئًا للبدء أيضًا!
