figma-mcp

Integrations

  • Allows AI coding agents to access Figma files and prototypes directly, providing capabilities to retrieve components, specific nodes, and workflow connections from Figma designs using the Figma API.

Figma MCP Python

允许你的 AI 编码代理直接访问 Figma 文件和原型。如有任何问题或改进,请直接联系我: https://x.com/jasonzhou1993

使用 pipx 快速安装

pipx install figma-mcp

对于光标:

  1. 在设置中,使用以下命令添加 MCP 服务器:
figma-mcp --figma-api-key=your_figma_key
  1. 或者在您的项目中添加一个.cursor/mcp.json文件:
{ "mcpServers": { "figma-python": { "command": "figma-mcp", "args": [ "--figma-api-key=your_figma_key" ] } } }

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

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

安装 uv 并设置环境

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

本地测试

python -m figma_mcp.main

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

允许你的 AI 编码代理直接访问 Figma 文件和原型。如有任何问题或改进,请直接联系我: https://x.com/jasonzhou1993

  1. 访问所有 figma 页面
  2. 访问所有 figma 组件
  3. 访问 figma 原型流程
  1. 使用 pipx 快速安装
    1. 对于光标:
    2. 对于其他 IDE(例如 Windsurf),请使用 MCP 配置文件(例如mcp_config.json ):
  2. 安装 uv 并设置环境
    1. 本地测试

      Related MCP Servers

      • A
        security
        F
        license
        A
        quality
        Enables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
        Last updated 2 months ago
        2
        106
        TypeScript
        • Apple
      • A
        security
        F
        license
        A
        quality
        A Model Context Protocol server that provides access to Figma API functionality, allowing AI assistants like Claude to interact with Figma files, comments, components, and team resources.
        Last updated 2 months ago
        18
        34
        1
      • A
        security
        F
        license
        A
        quality
        Enables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.
        Last updated 4 months ago
        5
        647
        119
        TypeScript
        • Apple
      • -
        security
        A
        license
        -
        quality
        A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
        Last updated a month ago
        124
        6
        TypeScript
        MIT License
        • Linux
        • Apple

      View all related MCP servers

      ID: pqweyr4aq9