MCP Catalogs
首页

cursor-talk-to-figma-mcp

by grab·6,761·综合分 59

连接 AI 代理和 Figma 的 MCP 服务器,实现设计自动化

developer-toolsai-llmproductivity
735
Forks
81
活跃 Issue
1 个月前
最近提交
2 天前
收录于

概述

TalkToFigma 是一个功能完善的 MCP 服务器,让 AI 代理能够与 Figma 设计进行交互。它提供了全面的工具来读取文档信息、操作设计元素、管理文本内容、处理组件和注释。服务器通过 WebSocket 与 Figma 插件通信,实现 AI 系统和设计文件之间的实时双向交互。

试试问 AI

装完之后,这里有 5 个你可以让 AI 做的事:

:批量替换 Figma 设计中的文本内容
:将原型反应转换为 FigJam 中的连接线
:在多个目标间应用组件实例覆盖
:哪些 AI 代理支持此 MCP 服务器?
:Figma 插件需要什么权限?

什么时候选它

如果您是设计师或开发者,使用 Cursor 或 Claude Code 等 AI 工具,并希望通过编程方式自动化 Figma 设计工作流程,选择此 MCP 服务器。

什么时候不要选它

避免使用,如果您需要处理 Figma 以外的设计文件,或者您的组织不允许在 Figma 中使用第三方插件。

此 server 暴露的工具

从 README 抽取出 12 个工具
  • get_document_info

    Get information about the current Figma document

  • get_selection

    Get information about the current selection

  • read_my_design

    Get detailed node information about the current selection

  • get_node_info

    Get detailed information about a specific node

  • create_text

    Create a new text node with customizable font properties

  • set_text_content

    Set the text content of a single text node

  • set_fill_color

    Set the fill color of a node (RGBA)

  • create_rectangle

    Create a new rectangle with position, size, and optional name

  • set_layout_mode

    Set the layout mode and wrap behavior of a frame

  • get_annotations

    Get all annotations in the current document or specific node

  • set_annotation

    Create or update an annotation with markdown support

  • join_channel

    Join a specific channel to communicate with Figma

可对比工具

figma-api-mcpdesign-system-mcpui-automation-mcp

安装

安装

  1. 如果还没有安装 Bun,请先安装:
curl -fsSL https://bun.sh/install | bash
  1. 运行安装脚本,这将在你的 Cursor 项目中安装 MCP
bun setup
  1. 启动 WebSocket 服务器
bun socket
  1. 从 [Figma 社区页面](https://www.figma.com/community/plugin/1485687494525374295/cursor-talk-to-figma-mcp-plugin) 安装 Figma 插件

Claude Desktop 配置

将服务器添加到 Claude MCP 配置文件 ~/.config/claude/config.json

{
  "mcpServers": {
    "TalkToFigma": {
      "command": "bunx",
      "args": ["cursor-talk-to-figma-mcp@latest"]
    }
  }
}

Cursor 配置

将服务器添加到 Cursor MCP 配置文件 ~/.cursor/mcp.json

{
  "mcpServers": {
    "TalkToFigma": {
      "command": "bunx",
      "args": ["cursor-talk-to-figma-mcp@latest"]
    }
  }
}

FAQ

哪些 AI 代理支持此 MCP 服务器?
该服务器专门支持 Cursor、Claude Code 和其他可以与 MCP 服务器集成的 AI 代理。它设计为可与任何兼容 MCP 的 AI 系统配合使用。
Figma 插件需要什么权限?
Figma 插件需要标准插件权限来访问和修改文档内容,包括读取设计、创建元素和更新属性。不需要特殊的行政管理权限。

cursor-talk-to-figma-mcp 对比

GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。