JF

jayzeedesign/figma-mcp

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

67 stars 19 forks 质量 50 趋势 14MIT

jayzeedesign/figma-mcp 是从 https://github.com/jayzeedesign/figma-mcp. 导入的 MCP 服务器候选。

概览

jayzeedesign/figma-mcp 是从 https://github.com/jayzeedesign/figma-mcp. 导入的 MCP 服务器候选。

概述(AI 翻译)

允许你的AI编码代理直接访问Figma文件和原型。 有任何问题或改进都可以私信我:https://x.com/jasonzhou1993

快速安装 pipx

对于光标:

  1. 在设置中,使用以下命令添加一个MCP服务器:

  2. 或者在你的项目中添加 .cursor/mcp.json 文件:

对于其他IDE,如Windsurf,使用MCP配置文件(例如,mcp_config.json):

安装UV并设置环境

本地测试

本页由 AI 翻译,技术细节请以原文为准。

README

Figma MCP Python

Allow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993

Quick Installation with pipx

pipx install figma-mcp

For Cursor:

  1. In settings, add an MCP server using the command:
figma-mcp --figma-api-key=your_figma_key
  1. OR Add a .cursor/mcp.json file in your project:
{
  "mcpServers": {
    "figma-python": {
      "command": "figma-mcp",
      "args": [
        "--figma-api-key=your_figma_key"
      ]
    } 
  }
}

For other IDEs like Windsurf, use an MCP configuration file (e.g., mcp_config.json):

{
  "mcpServers": {
    "figma-python": {
      "command": "figma-mcp",
      "args": [
        "--figma-api-key=your_figma_key"
      ]
    } 
  }
}

Install uv and set up the environment

curl -LsSf https://astral.sh/uv/install.sh | sh
uv venv
source .venv/bin/activate
uv sync

Test locally

python -m figma_mcp.main
在 GitHub 查看完整 README

安装

This server does not publish a one-line install command.

Open the repository installation guide 新手?先看 mcpskill.org 教程 →

配置

{ "mcpServers": { "figma-python": { "command": "figma-mcp", "args": [ "--figma-api-key=your_figma_key" ] } } }