TalkToFigma MCP Server

@sonnylazuardi

代码仓库主页

基本信息

分类

开发工具

许可证

MIT

传输方式

stdio

作者

sonnylazuardi

提交者

lungern

关于 TalkToFigma MCP Server

TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.

TalkToFigma MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

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

TalkToFigma MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

点击上方按钮,在临时沙箱中运行此服务器并实时获取工具列表。

概览

What is TalkToFigma?

TalkToFigma is a Model Context Protocol (MCP) integration that allows AI agents (such as Cursor and Claude Code) to read and modify Figma designs programmatically. It uses a WebSocket server to facilitate communication between an MCP server and a Figma plugin.

How to use TalkToFigma?

Install Bun, run bun setup, then start the WebSocket server with bun socket. Install the Figma plugin from the community page or locally. In Cursor, add the MCP server to ~/.cursor/mcp.json. Open Figma, run the plugin, join a channel with join_channel, and then use Cursor to invoke MCP tools.

Key features of TalkToFigma

Read and modify Figma documents via AI agents
Bulk text content replacement across multiple nodes
Instance override propagation for component instances
Create and manage annotations with markdown support
Export nodes as images (PNG, JPG, SVG, PDF)
Prototyping and connector creation between nodes

Use cases of TalkToFigma

Automate design updates by sending natural language commands from Cursor
Bulk replace text in multiple Figma text nodes at once
Convert prototype reactions into FigJam connector lines for flow visualization
Propagate component instance overrides across multiple targets
Create and manage annotations on Figma nodes programmatically

常见问题

What is the difference between TalkToFigma and direct Figma API usage?

TalkToFigma wraps the Figma plugin API into MCP tools, enabling AI agents to interact with Figma without manual API calls or OAuth setup. It handles the WebSocket bridge automatically.

What runtime does TalkToFigma require?

The server requires Bun as the JavaScript runtime. The Figma plugin runs inside Figma’s plugin environment. On Windows, use WSL and set `hostname: "0.0.0.0"` in `src/socket.ts`.

Where does data from TalkToFigma live?

All design data stays within the user’s Figma document and local environment. The WebSocket server runs locally, and no data is sent to external servers beyond the AI agent’s own context.

What transports and authentication does TalkToFigma use?

Communication occurs over a local WebSocket connection between the MCP server and the Figma plugin. No authentication is required; channels are joined via the `join_channel` command.

Are there any known limits when using TalkToFigma?

For large designs, use chunking parameters in `scan_text_nodes` and monitor progress through WebSocket updates. All commands can throw exceptions, so proper error handling is recommended.

开发工具分类下的更多 MCP 服务器

Meticulous

Mythex

Remote MCP server for Mythex, an AI app builder. Claude, Cursor or Codex get a cloud sandbox to build full-stack apps: files and bash, live preview, Postgres database, file storage, secrets, checkpoints, browser tests an

Foremerge

naw103

Catch intent conflicts before code conflicts. The open-source coordination protocol for coding agents, built above Git.

DrUrls

DrUrls audits websites for SEO, and its MCP server lets Claude, ChatGPT, Claude Code, Cursor or VS Code work with those audits directly: list your sites with their latest score and grade, read each issue across SEO, perf

SSH MCP Server

hypnosis

SSH MCP server for AI agents: remote commands, file transfer, log search and server audits through OpenSSH.