1. Conduid
  2. Developer Tools
  3. Talk To Figma via Claude
MCP server · Developer Tools

Talk To Figma via Claude

by · github.com/gaganmanku96/talk-with-figma-claude

time collaboration through natural language commands.

Unclaimed last commit a year ago devtools
InstallView source
42Fair

Scored 9 days ago · breakdown

About Talk To Figma via Claude

Talk To Figma via Claude is an MCP server published by gaganmanku96 in the Developer Tools category: time collaboration through natural language commands.

The repository has 13 stars and 1 forks, with the last commit a year ago. Six months or more without a commit doesn't mean the server is broken, but check the open issues before depending on it in production.

Install

From source
git clone https://github.com/gaganmanku96/talk-with-figma-claude

This server has no ConduID identity, so agent calls to it are not receipted. Pin the version you install and review the source before granting it credentials.

Ask AI

✦

Ask AI about Talk To Figma via Claude

Powered by Claude · Grounded in docs

I know everything about Talk To Figma via Claude. Ask me about installation, configuration, usage, or troubleshooting.

Security checks

Static checks derived from the repository 8 days ago. Heuristics on the source, not an audit.

  • ✓README presentThe repository ships documentation.
  • !License declaredNo license file. Legally you have no right to use it in a product.
  • !Tests presentNo tests found. Behaviour changes may go unnoticed between versions.
  • ✓Dependencies pinnedA lockfile pins dependency versions.
  • ✓No dynamic code executionSource scan found no eval, dynamic Function, or shell execution.
  • !Scoped permissionsDoesn't declare a permission scope. Assume it can do anything its process can.

README

Talk to Figma - Claude Desktop App Integration

This project enables Claude Desktop App to control Figma through the MCP (Model Context Protocol) and WebSocket communication. It extends the original cursor-talk-to-figma-mcp to work with Claude Desktop App via stdio.

YT Video: https://www.youtube.com/watch?v=-LA_Ew7GhC4

https://github.com/user-attachments/assets/68dcc372-3605-477f-ab43-8fe076eed99c

Screenshots

Prerequisites

  • Node.js 14+ and npm
  • Figma desktop application

Installation

  1. Clone this repository:

    git clone https://github.com/gaganmanku96/talk-with-figma-claude.git
cd talk-with-figma-claude

  2. Install dependencies:

    npm install

  3. Make the startup scripts executable (Linux/macOS):

    chmod +x run-figma-claude.sh

Usage

Quick Start

On Linux/macOS:

./bin/claude-figma-connect.sh

On Windows:

bin\claude-figma-connect.bat

This will start all necessary components:

  • WebSocket server (background)
  • MCP server (background)
  • Claude bridge (foreground)

Using with Claude Desktop App

  1. Start the integration using one of the scripts above
  2. Open Claude Desktop App
  3. In Claude, use the following tool commands:
    • First use join_channel to establish a connection
    • Then use various Figma tools like create_rectangle, get_document_info, etc.

Adding plugin in Figma

  1. Go to Actions in Figma
  1. Click on import from manifest
  1. Select the manifest file

    talk-with-figma-claude > src > figma_plugin > manifest.json

Connecting with Claude

You'll have to add following in Claude MCP Config

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

talk_to_figma_claude\src\mcp-server\mcp-server.js

Available Tools

Basic Figma tools:

  • Document information tools (get_document_info, get_selection, etc.)
  • Creation tools (create_rectangle, create_frame, create_text, etc.)
  • Styling tools (set_fill_color, set_corner_radius, etc.)
  • Component tools (create_component, update_instance_properties, etc.)

Enhanced tools:

  • enhanced_create_component_instance: Better component instance creation
  • enhanced_set_fill_color: Improved color handling
  • create_multiple_instances: Batch creation of instances

Logs

Logs are stored in the logs directory with timestamped files for each component.

Monitoring

A server monitoring dashboard is available at http://localhost:3650 when the server is running.

Troubleshooting

If you encounter issues:

  1. Check the log files in the logs directory
  2. Make sure Figma is running with the plugin installed
  3. Try running the health_check or connection_status tools from Claude
  4. Restart the integration if needed

License

MIT License - See LICENSE file for details.

README fetched from the repository 8 days ago. The original is authoritative.

Questions

About Talk To Figma via Claude

How do I install Talk To Figma via Claude?

No package has been published for this server, so install it from source: clone the repository and follow its README.

Is Talk To Figma via Claude safe to use with an AI agent?

Its trust score is 42 out of 100 (fair). It passes 3 of the 6 static security checks run so far; the failures are listed above. It has no ConduID identity yet, so agent calls to it are not receipted.

Is Talk To Figma via Claude still maintained?

The last commit was a year ago and 1 open issues. That's long enough that you should check whether the maintainer is responding to issues before depending on it.