Talk To Figma via Claude

Talk To Figma via Claude

MCP server enabling Claude Desktop to control Figma via WebSocket integration.

9
Stars
0
Forks
0
Releases

Overview

TalkToFigma is an MCP server that lets Claude Desktop App control Figma using the Model Context Protocol (MCP) and WebSocket messaging. It extends the original cursor-talk-to-figma-mcp to work with Claude Desktop App via stdio, enabling design creation, modification, and, in effect, real-time collaboration through natural language commands. The solution runs a background WebSocket server and an MCP server, with a foreground Claude bridge that connects Claude to Figma through MCP. Prerequisites include Node.js 14+ and the Figma desktop application. The repository offers basic Figma tools (document information, selection, and creation of shapes like rectangles and frames, text, etc.) and enhanced tools (improved component handling, color operations, and batch instance creation). Logs are stored in the logs directory with timestamped files, and a server monitoring dashboard is available at http://localhost:3650. Startup scripts for Linux/macOS and Windows launch all components, and integration steps describe joining Claude via join_channel and issuing commands such as create_rectangle and get_document_info.

Details

Owner
gaganmanku96
Language
JavaScript
License
Updated
2025-12-07

Features

WebSocket + MCP backend

Backend services (WebSocket server and MCP server) that enable Claude Desktop to issue Figma commands through MCP.

Claude Desktop bridge

Foreground bridge that connects Claude Desktop to the MCP server, enabling command flow via stdio.

Basic Figma tools

Core Figma manipulation commands such as get_document_info, get_selection, create_rectangle, create_frame, create_text, and more.

Enhanced tools

Advanced commands like enhanced_create_component_instance, enhanced_set_fill_color, and create_multiple_instances for complex workflows.

Logging

Logs stored in the logs directory with timestamped files to aid debugging.

Monitoring dashboard

Server monitoring dashboard available at http://localhost:3650 when the server runs.

Cross-platform startup scripts

Linux/macOS and Windows startup scripts to launch all components (WebSocket, MCP server, Claude bridge).

CLI-based integration setup

Guided steps to connect Claude via join_channel and send Figma tool commands such as create_rectangle, get_document_info.

Audience

DevelopersDevelopers integrate Claude Desktop with Figma via MCP to automate design tasks.
Product teamsProduct teams orchestrate Figma workflows in Claude using natural language commands.
DesignersDesigners control and modify Figma assets through Claude's natural language commands.

Tags

FigmaClaude DesktopMCPWebSocketDesign automationReal-time collaborationNode.jsFigma integration