Talk to Figma

Servidor MCP de Grab

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

Se ejecuta en local

Instalar Talk to Figma

Se ejecuta en tu equipo. Tu cliente lo inicia con este comando:

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

Los pasos de configuración de abajo muestran dónde va el comando en cada cliente.

Añadir a Cursor Añadir a VS Code

Descripción

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.

Qué puedes hacer

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

Herramientas

Los servidores locales muestran sus herramientas cuando están en marcha, y este no publica su lista por adelantado. Tu cliente las muestra después de añadirlo.

Prompts de ejemplo

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

Configuración

Todos los clientes inician Talk to Figma en tu equipo con el mismo comando. Elige el tuyo; la página recuerda tu elección.

Claude Code

Run this in a terminal, in your project folder:

claude mcp add --transport stdio talk-to-figma -- bunx cursor-talk-to-figma-mcp@latest

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

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"
      ]
    }
  }
}

Save the file and restart Claude Desktop.

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

Cursor

Añadir a Cursor (se abre en una pestaña nueva)

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 (se abre en una pestaña nueva)

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

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"
      ]
    }
  }
}

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.

Preguntas frecuentes

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 y 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.

Insertar

Muestra Talk to Figma en un README o en tu web. Cada inserción enlaza a esta página, usa el comando de instalación del servidor y no instala cookies. Cómo funcionan las inserciones

Insignia para README

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>

Sigue el modo claro u oscuro de quien lee. Añade ?theme=light o ?theme=dark para fijarlo, o ?style=compact para mostrar el símbolo sin la palabra.

Tarjeta para web

HTML

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

La tarjeta aparece donde esté la etiqueta. Añade data-theme="dark" o data-size="compact" a la etiqueta para cambiarla. El archivo contiene todo lo que necesita, así que no hace otras solicitudes ni instala cookies.

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>

Úsalo en páginas que no permiten scripts. Añade ?theme=light o ?theme=dark a la dirección para fijar los colores.

JSON

La ficha como datos para tus propias páginas y herramientas: nombre, descripción corta, comando de instalación, herramientas y los enlaces «Add to». Cualquier web puede leerla (CORS abierto).

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

Qué significa cada campo

mcp.tc no tiene relación con Grab. Esta página se creó a partir de los metadatos públicos de Talk to Figma, comprobados por última vez el 3 oct 2026, y un modelo de IA escribió la descripción, así que puede contener errores. Los nombres y marcas pertenecen a sus titulares. ¿Algo no cuadra? Reportar esta ficha.

Instalar Talk to Figma

Compartir este servidor

Descripción

Qué puedes hacer

Herramientas

Prompts de ejemplo

Configuración

Claude Code

Claude Desktop

Cursor

VS Code

Devin Desktop

Codex

Gemini CLI

Any client

Preguntas frecuentes

Insertar

Insignia para README

Tarjeta para web

iframe

JSON

Servidores relacionados

Framelink Figma MCP

DaVinci Resolve

Ableton MCP

FreeCAD MCP

TerraVision

Ignite UI Theming