An MCP server that enables Claude Desktop to control Figma through a WebSocket connection, providing design creation, modification, and real-time collaboration using natural language commands.

Installation

From Source

git clone https://github.com/gaganmanku96/talk-with-figma-claude.git
cd talk-with-figma-claude
npm install
chmod +x run-figma-claude.sh

Configuration

Claude Desktop

{
  "mcpServers": {
    "TalkToFigma": {
      "command": "node",
      "args": [
        "~/talk_to_figma_claude/src/mcp-server/mcp-server.js"
      ],
      "env": {}
    }
  }
}

Available Tools

Tool	Description
join_channel	Establishes a connection with Figma
get_document_info	Retrieves information about the current Figma document
get_selection	Gets the currently selected elements in Figma
create_rectangle	Creates a rectangular shape in Figma
create_frame	Creates a frame in Figma
create_text	Creates text elements in Figma
set_fill_color	Sets the fill color of elements
set_corner_radius	Sets the corner radius of elements
create_component	Creates components in Figma
update_instance_properties	Updates properties of component instances
enhanced_create_component_instance	Enhanced component instance creation with extended capabilities
enhanced_set_fill_color	Enhanced color handling for fill operations
create_multiple_instances	Batch creation of multiple component instances
health_check	Checks the connection health status
connection_status	Checks the current connection status

Capabilities

• WebSocket communication with the Figma desktop application
• Real-time design creation and modification through natural language
• Component creation and instance management
• Enhanced color handling and styling tools
• Batch operations for multiple elements
• Connection monitoring and health checks
• Time-stamped file logging for debugging
• Server monitoring dashboard on localhost:3650

Usage Examples

First use join_channel to establish a connection

Create rectangles, frames, and text elements

Set fill colors and corner radius for elements

Create components and manage instances

Check connection status and perform health checks

Notes

Requires Node.js 14+ and the Figma desktop application. Uses quick-start scripts for Linux/macOS (./bin/claude-figma-connect.sh) and Windows (bin\claude-figma-connect.bat). The Figma plugin must be imported from the manifest.json file. Extends the original cursor-talk-to-figma-mcp project.