Talk to Figma MCP: Read and Edit Figma With an Agent

What is Talk to Figma MCP?

Talk to Figma MCP is a community fork of cursor-talk-to-figma-mcp, adapted for several AI coding agents. It has three parts: a local WebSocket server, a Figma desktop plugin, and the MCP server your agent launches. Together they let an agent read and change a Figma file.

The README says it needs no Dev Mode license, unlike Figma's official server, so it works with any Figma account. For the official option, see Figma MCP.

What it changes in your workflow

• The agent audits a design: document info, selection, styles, text nodes and components.
• It creates frames, text, shapes and groups, and edits colors, borders, corners, shadows and auto layout.
• It can run bulk updates, such as swapping one brand color across the document.
• A command queue lets several agents work in the same file in parallel.

How the three parts connect

Who it is for

Best for

• Designers and developers without a Dev Mode seat who still want an agent in Figma.
• UX teams running accessibility audits or bulk style changes.
• Teams using several agents at once, since the queue serializes requests.

Not for

• Setups that need no local relay. Framelink MCP for Figma reads through the REST API instead.
• Quick one-step installs. This one needs the socket, the plugin and the MCP entry.

Use it with UiChemy

This server edits Figma files for your agent. UiChemy's Figma to WordPress product turns Figma designs into editable WordPress pages, with AI Express Mode or Classic Mode. Click Get Started on uichemy.com.

Connect Talk to Figma MCP: Read and Edit Figma With an Agent to your AI client

npx claude-talk-to-figma-mcp

1. Start the WebSocket server

   In a terminal, run npx claude-talk-to-figma-mcp. In later sessions, run bun run socket from the project folder. The status page is at localhost port 3055.

2. Install the plugin

   In Figma Desktop go to Menu, Plugins, Development, Import plugin from manifest, and choose src/claude_mcp_plugin/manifest.json from the project folder.

3. Configure your agent

   For Cursor add the config above to mcp.json. For Claude Code run claude mcp add ClaudeTalkToFigma with the same npx -p arguments. Claude Desktop uses a downloadable .dxt file.

4. Open the plugin and copy the channel ID

   Run the plugin in Figma and copy the channel ID shown in the green box.

5. Connect

   Tell your agent to connect to Figma with that channel ID, then start prompting.

Client configuration

{
  "mcpServers": {
    "ClaudeTalkToFigma": {
      "command": "npx",
      "args": ["-p", "claude-talk-to-figma-mcp@latest", "claude-talk-to-figma-mcp-server"]
    }
  }
}

Endpoints and ports

What you can do with it

• Works with free accountsThe README says it needs no Dev Mode license, so any Figma account works.
• Design analysisRead document info, selection, styles and text nodes, and audit components.
• Element creationCreate frames, text and shapes with style control, then clone, group and organize them.
• Modification toolsChange colors, borders, corners, shadows, auto layout and typography, including local and team library components.
• Image toolsSet, replace and transform image fills. URL images must be allow-listed in the plugin manifest, or use base64.
• Parallel agentsA server-side command queue lets several agents edit one file without timeouts.
• Explicit parent IDsStateful commands such as set_current_page are blocked in multi-agent use, so creation commands need an explicit parentId.

Tools it exposes

Frequently asked questions