Skill 与 AgentSKILLS & AGENTS· MCP-SERVER

figma-ui-mcp

TranHoaiHung/figma-ui-mcp

AI can draw UI directly on the Figma canvas via JavaScript, and read existing designs back as structured data. Works with Claude Code, Cursor, VS Code, and Windsurf. No API KEY required.

根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.

适用平台Platforms: claude-code · claude-desktop · cursor · windsurf · vscode · copilot
已识别的要求Documented requirements: 未确认Not confirmed
许可LICENSE: MIT

打开仓库Open repository

能力CAPABILITIES

它能帮你做成什么What it helps you do

上手GET STARTED

怎么装How to install

Claude Code · MCP

claude mcp add figma-ui-mcp -- npx figma-ui-mcp

选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.

打开项目文档Open project documentation ↗

使用限制LIMITATIONS

限制与风险Limits and risk

以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.

限制LIMITS

未知Unknown

01需要 API KeyREQUIRES API KEY: 未在文档中发现Not found in the docs
02需要本地环境NEEDS LOCAL RUNTIME: 未在文档中发现Not found in the docs
03需要 DockerNEEDS DOCKER: 未在文档中发现Not found in the docs
04难度DIFFICULTY: 一键安装One-click install

项目动态PROJECT ACTIVITY

它现在处在什么位置Where it stands right now

首次发现FIRST SEEN

03 OCT 202603 OCT 2026

增长GROWTH

+1.1%+1.1%

261 → 264 stars · 16 个快照261 → 264 stars · 16 snapshots

状态STATUS

持续活跃Active

PROVENANCE · 这些结论的依据是什么Where these conclusions come from

来源 URLSource URL: https://github.com/TranHoaiHung/figma-ui-mcp
原始数据哈希Raw data hash: 4660ed11d5725dc352b94c5a8a00fb82
解析时间Parsed at: 2026-10-18T23:39:41.844Z
最后一次验证Last verified: 2026-10-18T22:12:35.305Z
增长测量时间Growth measured: 2026-10-18T23:43:06.933Z
发现查询Discovery queries: focus:design:repo:figma-mcp
分类来源Category source: rules
焦点Focus: design · motion (10)

完整解析证据 JSONFull parse evidence JSON

{
  "agents": [
    {
      "agent": "claude-code",
      "evidence": "install: claude CLI command"
    },
    {
      "agent": "claude-desktop",
      "evidence": "readme: …> <details> <summary><strong>Claude Desktop</strong></summary> Edit conf…"
    },
    {
      "agent": "cursor",
      "evidence": "readme: …sor</strong></summary> Edit `.cursor/mcp.json` (project) or `~/.cursor/mcp.…"
    },
    {
      "agent": "windsurf",
      "evidence": "readme: …Compatible: Cursor, VS Code, Windsurf, Zed (any MCP stdio client)</…"
    },
    {
      "agent": "vscode",
      "evidence": "readme: …&nbsp; 🔧 Compatible: Cursor, VS Code, Windsurf, Zed (any MCP stdio…"
    },
    {
      "agent": "copilot",
      "evidence": "readme: …s> <summary><strong>VS Code / GitHub Copilot</strong></summary> Edit `.vs…"
    }
  ],
  "apiKey": null,
  "docker": null,
  "taxonomy": {
    "scores": {
      "design": 8,
      "ai-tools": 6,
      "dev-tools": 0,
      "indie-web": 0,
      "skill-agent": 7,
      "productivity": 0
    },
    "primary": "skill-agent",
    "secondary": "mcp-server"
  },
  "localRuntime": null,
  "skillMdTotal": 0,
  "skillMdErrors": [],
  "treeTruncated": false,
  "categoryScores": {
    "data": 0,
    "agent": 0,
    "media": 0,
    "design": 21,
    "browser": 0,
    "devtool": 1,
    "security": 0,
    "marketing": 0,
    "productivity": 0
  },
  "classification": [
    {
      "signal": "server.json (MCP registry manifest)",
      "weight": 0.85
    },
    {
      "signal": "package.json depends on @modelcontextprotocol/sdk + MCP framing",
      "weight": 0.8
    },
    {
      "signal": "README ships an mcpServers config for this server",
      "weight": 0.7
    },
    {
      "signal": "MCP topic + README",
      "weight": 0.6
    },
    {
      "signal": "description mentions AI",
      "weight": 0.2
    }
  ],
  "scannedSources": [
    "readme"
  ],
  "skillMdFetched": 0
}

figma-ui-mcp

它能帮你做成什么What it helps you do

怎么装How to install

限制与风险Limits and risk

它现在处在什么位置Where it stands right now

把每周一的周刊寄到邮箱。Get the Monday weekly digest by email.