Talk to Figma

listing.by

Read and modify Figma designs from an AI agent through a local WebSocket relay and a Figma plugin.

state.local.long (state.local.title)

listing.install

listing.local.explain

bunx cursor-talk-to-figma-mcp@latest

listing.local.note

act.add_to a11y.new_tabact.add_to a11y.new_tab

listing.share.h

listing.share.p_local

mcp.tc/i/talk-to-figma

listing.about

Connects AI agents such as Cursor, Claude Code and Codex to Figma. The agent can read documents, selections and nodes, create frames, text and rectangles, edit text in bulk, set auto layout, colors and corner radius, manage annotations and prototype connections, work with components and instance overrides, and export nodes as images.

Runs locally over stdio with bunx cursor-talk-to-figma-mcp@latest. It also needs a WebSocket relay started from the repository (bun socket) and the Talk to Figma plugin installed in Figma. The plugin joins a channel with join_channel. No API key or sign-in is required.

listing.can

  • Read document info, selections and node details
  • Create frames, sections, rectangles and text nodes
  • Bulk replace text content across a design
  • Set auto layout, padding, spacing and sizing
  • Change fill, stroke and corner radius
  • Read and write annotations and prototype connections
  • Work with local components, styles and instance overrides
  • Export nodes as PNG, JPG, SVG or PDF

listing.tools

listing.notools.local

listing.prompts

  • Read my current Figma selection and describe the layout

  • Replace all text in the selected frame with the copy from this list

  • Create a frame with vertical auto layout and 16px spacing

  • Apply the overrides from this component instance to the other selected instances

listing.setup.h

listing.setup.local

Claude Code

  1. Run this in a terminal, in your project folder:
claude mcp add --transport stdio talk-to-figma -- bunx cursor-talk-to-figma-mcp@latest
  1. Start Claude Code and type /mcp. talk-to-figma should show as connected.

Add --scope user to make it available in every project.

Claude Desktop

  1. Open Settings → Developer → Edit Config. It opens claude_desktop_config.json. Add:
claude_desktop_config.json
{
  "mcpServers": {
    "talk-to-figma": {
      "command": "bunx",
      "args": [
        "cursor-talk-to-figma-mcp@latest"
      ]
    }
  }
}
  1. Save the file and restart Claude Desktop.

The file lives in ~/Library/Application Support/Claude/ on macOS and %APPDATA%\Claude\ on Windows.

Cursor

Add to Cursor a11y.new_tab

Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):

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

VS Code

Install in VS Code a11y.new_tab

Or from a terminal:

code --add-mcp '{"name":"talk-to-figma","type":"stdio","command":"bunx","args":["cursor-talk-to-figma-mcp@latest"]}'

Or commit it to the repo in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "talk-to-figma": {
      "type": "stdio",
      "command": "bunx",
      "args": [
        "cursor-talk-to-figma-mcp@latest"
      ]
    }
  }
}

Devin Desktop

  1. Add it to ~/.config/devin/mcp_config.json (macOS and Linux) or %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "talk-to-figma": {
      "command": "bunx",
      "args": [
        "cursor-talk-to-figma-mcp@latest"
      ]
    }
  }
}
  1. Refresh the MCP server list in Cascade.

Devin Desktop is the new name for Windsurf.

Codex

codex mcp add talk-to-figma -- bunx cursor-talk-to-figma-mcp@latest

Or edit ~/.codex/config.toml directly:

config.toml
[mcp_servers.talk-to-figma]
command = "bunx"
args = ["cursor-talk-to-figma-mcp@latest"]

Gemini CLI

gemini mcp add talk-to-figma bunx cursor-talk-to-figma-mcp@latest

This adds it to the current project. Add -s user to use it everywhere.

Any client

Most clients that start local servers accept this shape:

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

Zed puts servers under context_servers in its settings, with the same command, args and env fields.

listing.faq

Can I paste mcp.tc/i/talk-to-figma into my MCP client?

No. Talk to Figma runs on your own computer, started by your client, so it has no web address to connect to. The quick link is the page to share; the install command is bunx cursor-talk-to-figma-mcp@latest.

Does Talk to Figma need an API key?

No. It doesn't declare any keys or environment variables. It runs with your user account's permissions, so check what its tools can reach.

Is Talk to Figma a remote or a local server?

Local. Your client starts it as a process on your computer with bunx cursor-talk-to-figma-mcp@latest.

What can Talk to Figma do?

You can read document info, selections and node details, create frames, sections, rectangles and text nodes and bulk replace text content across a design.

Which clients can use it?

Any client that starts local servers: Claude Code, Claude Desktop, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. claude.ai and ChatGPT only connect to remote servers.

Who wrote this page?

mcp.tc's robot read Talk to Figma's public metadata (its package and repository pages), and an AI model drafted the text from it. A person reviews anything the checks can't confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.

listing.em.h

listing.em.lead_local listing.em.how

listing.em.badge

em.prev_lightem.prev_dark
Markdown
[![Talk to Figma on mcp.tc](https://mcp.tc/i/talk-to-figma/badge.svg)](https://mcp.tc/i/talk-to-figma)
HTML
<a href="https://mcp.tc/i/talk-to-figma"><img src="https://mcp.tc/i/talk-to-figma/badge.svg" alt="Talk to Figma on mcp.tc" height="20"></a>

listing.em.badge_note

listing.em.widget

HTML
<script src="https://mcp.tc/w/talk-to-figma.js" async></script>

listing.em.widget_note

iframe

HTML
<iframe src="https://mcp.tc/embed/talk-to-figma" title="Talk to Figma on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

listing.em.iframe_note

JSON

listing.em.json_local

https://mcp.tc/i/talk-to-figma.json

listing.em.fields

listing.related

listing.more_in

  • Framelink Figma MCP

    Framelink (GLips)

    state.local.label (state.local.title)

    Give coding agents simplified Figma layout and style data so they can implement designs from a file, frame or group link.

    mcp.tc/i/framelink-figma

  • DaVinci Resolve

    Samuel Gursky

    state.local.label (state.local.title)

    Control DaVinci Resolve Studio from your assistant: edit timelines, organize media, set up renders and work on color.

    mcp.tc/i/davinci-resolve

  • Ableton MCP

    Siddharth Ahuja

    state.local.label (state.local.title)

    Control Ableton Live from your assistant: create tracks, MIDI clips and arrangements, and load instruments and effects.

    mcp.tc/i/ableton

  • FreeCAD MCP

    neka-nat

    state.local.label (state.local.title)

    Control FreeCAD from an MCP client to create and edit 3D models, run Python scripts and run FEM analyses.

    mcp.tc/i/freecad

  • TerraVision

    patrickchugh

    state.local.label (state.local.title)

    Generate AWS, Azure and GCP architecture diagrams with official icons from a description, a JSON graph or Terraform code.

    mcp.tc/i/terravision

  • Ignite UI Theming

    Infragistics (IgniteUI)

    state.local.label (state.local.title)

    Generate Sass palettes, typography, elevations and themes for Ignite UI components from your AI assistant.

    mcp.tc/i/ignite-ui-theming

listing.disclaimer_checked