פיתוח · שרת MCP מקומי

UI Design to Code

Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.

מה ה-MCP Registry מציין

הרשומה כפי שפורסמה ב-MCP Registry הרשמי (נקרא ב-4 באוקטובר 2026), בגרסה האחרונה.

שם במרשם
io.github.Kinglions/ui-design-to-code-mcp
גרסה
0.1.12
סטטוס
פעיל
קטגוריה
פיתוח
שכבת תעבורה
stdio (תהליך מקומי)
חבילה
npm
פורסם
26 ביוני 2026
עודכן
26 ביוני 2026
מפרסם
Kinglions (GitHub)
מרחב שמות
מרחב השמות אומת על ידי ה-MCP Registry דרך GitHub (github.com/Kinglions) · איך
רשום תחת
שרתי MCP עבור Figma
מאגר קוד
github.com/Kinglions/ui-design-to-code-mcp
מקור
הרשומה ב-API של המרשם

חבילות

מרשםחבילהגרסהשכבת תעבורהמשתני סביבה
npmui-design-to-code-mcp0.1.12stdioלא הוצהרו

איך מחברים את UI Design to Code

UI Design to Code רץ באופן מקומי מתוך חבילת Node.js שפורסמה במרשם npm: ui-design-to-code-mcp, גרסה 0.1.12. הוא משתמש ב-MCP על גבי stdio, ולכן הלקוח מפעיל אותו כתוכנה ומתקשר איתו דרך קלט ופלט סטנדרטיים. כדי להריץ אותו צריך Node.js; לקוחות מפעילים אותו בדרך כלל עם npx - הפקודה המקובלת היא npx -y ui-design-to-code-mcp@0.1.12.

בפורמט ה-JSON של mcpServers, שלקוחות MCP רבים לדסקטופ ולעורכי קוד קוראים, הרשומה נראית כך (מצייני מקום בסוגריים זוויתיים):

{
  "mcpServers": {
    "ui-design-to-code-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "ui-design-to-code-mcp@0.1.12"
      ]
    }
  }
}

נגזר מהרשומה במרשם, ולא נבדק כאן. מה השרת עושה, ובאילו תנאים, נקבע על ידי המפרסם שלו; כדאי לבדוק את מאגר הקוד או את האתר שלו לפני שנותנים לו גישה לחשבונות או לקבצים שלך. איך מוסיפים שרת MCP לעוזר AI · לפני שמתחברים

עוד שרתים בקטגוריה פיתוח

כל ה-5,152 ←
שרתהרצהנקודת קצה או חבילה
Udacity CommitValidate & format git commit messages per the Udacity Git Commit Message Style Guide.מקומי · stdionpm: mcp-udacity-commit
Ugs MCPCNC machine control via Universal G-code Sender. Jog, home, run files with hardware safety tokens.מקומי · stdioPyPI: ugs-mcp
UI BeatsMCP server for UI Beats. Let your coding agent search, read and install animated React components.מקומי · stdionpm: @uibeats/mcp
Ui Debugger MCPAutonomous UI debugging MCP server: an agent drives the browser/desktop, reports bugs + UX issues.מקומי · stdionpm: @developerz.ai/ui-debugger-mcp
UI VerifyMCP server for visual regression testing: triage a PR's UI diffs from your coding agent.מרוחק · HTTPבדיקה חיה: ✓ לחיצת ידuiverify.ai
UICapsuleSearch and install interactive React components with unusual motion, via the shadcn CLI.מרוחק · HTTPבדיקה חיה: ✓ לחיצת ידuicapsule.com
Uimax MCPFrontend expert for Claude Code. Screenshots, Lighthouse, axe-core, code analysis, auto-fix.מקומי · stdionpm: uimax-mcp
UindowReal signed-browser automation for AI agents, over a local stdio MCP server.מקומי · stdionpm: @uindow/cli