cursor-talk-to-figma-mcp

Overview

TalkToFigma is a robust MCP server that enables AI agents to interact with Figma designs. It provides comprehensive tools for reading document information, manipulating design elements, managing text content, working with components, and handling annotations. The server uses WebSocket communication to connect with a Figma plugin, allowing real-time bidirectional interaction between AI systems and design files.

Try asking AI

After installing, here are 5 things you can ask your AI assistant:

• get_document_info

  Get information about the current Figma document

  Try:What's the structure of this Figma document?Try:Show me the current document details
• get_selection

  Get information about the current selection

  Try:What's currently selected in the Figma file?Try:Describe the selection
• read_my_design

  Get detailed node information about the current selection

  Try:Show me details of the selected elementsTry:Explain what's currently selected
• get_node_info

  Get detailed information about a specific node

  Try:Get details about node with ID 12345Try:Show properties of this specific element
• create_text

  Create a new text node with customizable font properties

  Try:Add a new text element with heading styleTry:Create a text node that says 'Welcome'
• set_text_content

  Set the text content of a single text node

  Try:Change this text to say 'Updated heading'Try:Replace the selected text with new content
• set_fill_color

  Set the fill color of a node (RGBA)

  Try:Change this rectangle to blueTry:Set the background to #FF5733
• create_rectangle

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

  Try:Add a rectangle element to the designTry:Create a 200x100px box
• set_layout_mode

  Set the layout mode and wrap behavior of a frame

  Try:Make this frame vertical layoutTry:Set this container to horizontal flow
• get_annotations

  Get all annotations in the current document or specific node

  Try:Show me all annotations in this fileTry:What annotations are on this element?
• set_annotation

  Create or update an annotation with markdown support

  Try:Add a note to this elementTry:Update the annotation with feedback
• join_channel

  Join a specific channel to communicate with Figma

  Try:Connect to the Figma workspaceTry:Join the design channel

Comparable tools

Installation

curl -fsSL https://bun.sh/install | bash

bun setup

bun socket

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

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

FAQ

Which AI agents are supported with this MCP server?

The server specifically supports Cursor, Claude Code, and other AI agents that can integrate with MCP servers. It's designed to work with any MCP-compatible AI system.

What permissions are required for the Figma plugin?

The Figma plugin requires standard plugin permissions to access and modify document content, including reading designs, creating elements, and updating properties. No special administrative permissions are needed.

Compare cursor-talk-to-figma-mcp with