Claude Talk to Figma - MCP App for ChatGPT, Claude & AI Assistants | MCP App Store

Back to Apps

Claude Talk to Figma

Name: Claude Talk to Figma
Availability: InStock
Author: arinspunk

by arinspunk

Read, analyze, and modify Figma designs directly from AI agents without requiring a Dev Mode license.

0 stars

0 views

Works in:CursorWindsurfVS Code Copilot

Exposes:ToolsResources

View on GitHub Docs

What it does

Connects AI agents to Figma, enabling them to interact with design files. Unlike official plugins, it works with any Figma account, allowing agents to read styles, audit accessibility, and even modify elements like colors and typography across documents.

Tools

Design Analysis: Fetch document info, scan text for contrast issues, and audit component structures.
Element Creation: Create shapes, frames, and text with precise style control.
Modification: Bulk update colors, borders, and auto-layout settings across the canvas.
Asset Management: Export assets and clone components efficiently.

Installation

First, run npx claude-talk-to-figma-mcp to start the websocket server. Then, import the plugin in Figma Desktop via src/claude_mcp_plugin/manifest.json. Finally, tell your agent: Connect to Figma, channel {your-ID}.

Supported hosts

Claude Desktop
Cursor
Windsurf
VS Code (GitHub Copilot)
Claude Code

Quick install

npx claude-talk-to-figma-mcp

Information

Pricing: free
Published: 4/12/2026
stars

Related Apps

Choose your AI client and follow the steps below.

Cursor

Add to mcp.json: { "ClaudeTalkToFigma": { "command": "npx", "args": ["-p", "claude-talk-to-figma-mcp@latest", "claude-talk-to-figma-mcp-server"] } }

Windsurf

Add to mcp_config.json using npx command above.

Claude Desktop

Use the .dxt release from GitHub or configure via npx: { "command": "npx", "args": ["-p", "claude-talk-to-figma-mcp@latest", "claude-talk-to-figma-mcp-server"] }