Back to Apps

Claude Talk to Figma
by arinspunk
Read, analyze, and modify Figma designs directly from AI agents without requiring a Dev Mode license.
0 stars
Works in:CursorWindsurfVS Code Copilot
Exposes:ToolsResources
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-mcpInformation
- Pricing
- free
- Published
- 4/12/2026
- stars
- 0
Categories
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"] }





