بروتوكول سياق النموذج // MCP

ربط الذكاء الاصطناعي بالأدوات الحقيقية

بروتوكول سياق النموذج (MCP) هو المعيار المفتوح الذي ينقل الذكاء الاصطناعي من مجرد قارئ نصوص إلى وكيل قادر على الاستعلام من قواعد بياناتك، وفحص مستودعات GitHub، وتصفح الواجهات الحية.

كيف يعمل معمارياً؟

[ AI Host / Editor: Cursor / Claude ] 
          │  (JSON-RPC over Stdio or SSE)
          ▼
[ MCP Protocol Layer ]
    ├── postgres-mcp  ──► PostgreSQL Database (Live SQL queries)
    ├── github-mcp    ──► GitHub REST / GraphQL (Issues, PRs, Commits)
    ├── figma-mcp     ──► Figma REST API (Components, Styles, Nodes)
    └── playwright-mcp──► Headless Chromium (DOM inspection, clicks)

خوادم MCP المدعومة والإعدادات الجاهزة

figma-mcp-config.json

JSON

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-figma"],
      "env": {
        "FIGMA_PERSONAL_ACCESS_TOKEN": "YOUR_FIGMA_TOKEN"
      }
    }
  }
}

متى تستخدم هذا الخادم؟

تحويل التصاميم من Figma إلى مكونات React/HTML دون الحاجة لنقل المقاسات والألوان يدوياً.

✔ قراءة ملفات التصميم✔ استخراج مكونات Figma✔ توليد كود CSS/Tailwind متطابق