Reverse engineer anything with agents, from app behavior down to native binaries.
Claude Talk To Figma MCP
A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs
Install: npx claude-talk-to-figma-mcp
Works with Claude Code, Cursor, GitHub Copilot · 671 GitHub stars
Install
One-click install
Runs locallyClaude Code (no install link, copy and run)
$
claude mcp add claude-talk-to-figma-mcp -- npx -y claude-talk-to-figma-mcpButtons open the app on your computer and ask you to confirm before anything is added.
$
npx claude-talk-to-figma-mcpmcp.json (Cursor, Claude Desktop, Windsurf)
{
"mcpServers": {
"claude-talk-to-figma-mcp": {
"command": "npx",
"args": [
"-y",
"claude-talk-to-figma-mcp"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →Claude AI Agents Talk to Figma MCP
Enable your AI agents to read, analyze, and modify Figma designs.
Works with your favorite agentic tools:
👩🏽💻 Who it's for
UX/UI Teams
Automate repetitive design tasks and maintain brand consistency without manual effort:
- Automated accessibility audits - Detect and fix contrast issues in seconds
- Bulk style updates - Change colors, typography, or spacing across the entire document with a single command
- Visual hierarchy analysis - Get instant feedback on your design structure
Developers
Generate production-ready code directly from designs:
- React/Vue/SwiftUI components - From design to code in one step
- Code with design tokens - Keep design and development in sync
- Reduce handoff friction - Fewer back-and-forth iterations with the design team
Key advantage: Unlike Figma's official MCP which requires a Dev Mode license, this MCP works with any Figma account (even free ones).
💡 Real-world use cases
Accessibility:
"Find all text with contrast ratio <4.5:1 and suggest colors that meet WCAG AA"
Rebranding:
"Change #FF6B6B to #E63946 in all primary buttons throughout the document"
Design analysis:
"Analyze the visual hierarchy of this screen and suggest improvements based on design principles"
Developer handoff:
"Generate the React component for 'CardProduct' including PropTypes and styles in CSS modules"
⚡️ Quick installation
Setup: 5 minutes | First automation: 2 minutes
Requirements
- Node.js installed
- Figma Desktop
- AI client:
Step 1: Install and start the websocket
Enables the Agent to send commands to Figma.
Open your terminal, navigate to the folder where you want to install the tool, and run:
npx claude-talk-to-figma-mcp
💡 Tip: This command is an "all-in-one" (clones, installs, and starts). In subsequent sessions, if you're already inside the project folder
your-project/claude-talk-to-figma-mcp, you can simply runbun run socket.
Step 2: Install the plugin in Figma
Enables Figma to receive commands from the agent and return responses.
Similar plugs
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Build Agentic workflows, RAG pipelines, with rich AI model and tool support on one collaborative workspace. Deploy on cloud, VPC, or self-hosted, so teams move from prototype…
User-friendly AI Interface (Supports Ollama, OpenAI API, ...)
A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io