Free API Hub
🎨

Figma Context MCP

✓ 官方/认证

Framelink

为 AI 编程工具提供 Figma 设计数据访问，简化设计稿到代码的转换

⭐ 8.5k
GitHub Stars
stdio
安装方式
MIT
开源协议
3
可用工具

📖 详细介绍

Framelink Figma MCP Server，简化 Figma API 响应，AI 编程工具（如 Cursor）可直接读取设计数据并生成代码。支持设计令牌提取、组件树分析、资产导出。是 Figma + AI 编程工作流的关键桥梁。

✨ 核心特性

✓简化 Figma API
✓设计令牌提取
✓组件树分析
✓资产导出
✓GLips 认证

🛠️ 可用工具 (3)

get_figma_data()
download_figma_images()
get_figma_metadata()

🎯 适用场景

▸设计稿转代码
▸UI 一致性检查
▸设计系统同步
▸Figma 资产导出
▸代码生成

⚙️ 安装与配置

系统要求

  • •Node.js 18+
  • •Figma Personal Access Token

安装命令

npx -y figma-context-mcp

Claude Desktop 配置 (claude_desktop_config.json)

{
  "mcpServers": {
    "figma-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "figma-context-mcp"
      ]
    }
  }
}

🔗 相关链接

GitHub 仓库

🧩 相关 MCP Servers

🎨

Figma MCP

✓ 官方

Figma (官方)

Figma 设计 MCP，文件、页面、组件、样式、变量、Dev Mode、Code Connect

Figma设计UI组件
⭐1.5kstdio中等
🖌️

Canva MCP

✓ 官方

Canva (官方)

Canva 设计平台 MCP，海报/PPT/视频/Logo/Brand Kit 一键生成

Canva设计海报PPT
⭐0.1kstdio简单
🗣️

ElevenLabs MCP

✓ 官方

ElevenLabs

ElevenLabs AI 语音 MCP，3000+ 声音、29 语种、声音克隆、情感控制

ElevenLabsTTS语音克隆多语种
⭐0.6kstdio简单
🎵

Suno MCP

✓ 官方

Suno

Suno AI 音乐生成 MCP，文本/歌词生成完整歌曲，含人声、器乐、风格控制

SunoAI 音乐作曲人声
⭐0.4kstdio简单

浏览更多 设计与媒体 MCP

Figma Context MCP 是 设计与媒体 分类下的 MCP server 之一

← 返回 设计与媒体 分类浏览所有 MCP