تواصل معنا
Webflow Premium Partner إيهاب فايز
العودة لأدوات AI Coding
إدارة المشاريع

Zeplin Design Specs

الوصول لمواصفات تصميم Zeplin وأدلة الأنماط وتوثيق المكونات من وكيل البرمجة بتاعك.

Claude Code Cursor

نظرة عامة

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

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

يتكامل سير العمل بشكل جيد مع أنظمة التصميم الحالية من خلال توفير وصول متسق لرموز التصميم وصادرات الأصول ومقتطفات الكود الخاصة بالمنصة. يمكن للفرق التي تستخدم Zeplin لتسليم التصميم تبسيط عملية التنفيذ بشكل كبير.

لمن هذه الأداة؟

  • استخراج مواصفات التصميم والقياسات من شاشات Zeplin
  • إنشاء أنماط المكونات من أدلة أنماط Zeplin
  • تنزيل وتنظيم أصول التصميم
  • مقارنة التنفيذ مع تعليقات التصميم

التثبيت

إعداد Claude Code
npm install -g zeplin-mcp-server

الإعدادات

// Configuration for Zeplin API access
{
  "mcpServers": {
    "zeplin": {
      "command": "zeplin-mcp-server",
      "env": { "ZEPLIN_ACCESS_TOKEN": "<your-token>" }
    }
  }
}