Agent to Figma
Enables AI agents like Claude to interact with Figma designs through 50+ tools for creating, styling, and manipulating design elements, components, and variables via a WebSocket relay and Figma plugin.
What is Agent to Figma?
Agent to Figma is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to enables ai agents like claude to interact with figma designs through 50+ tools for creating, styling, and manipulating design elements, components, and variables via a websocket relay and figma plugin...
Enables AI agents like Claude to interact with Figma designs through 50+ tools for creating, styling, and manipulating design elements, components, and variables via a WebSocket relay and Figma plugin.
This server falls under the Browser Automation and Coding Agents categories on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- Enables AI agents like Claude to interact with Figma designs
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx agent-to-figma-mcpConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
Frequently Asked Questions about Agent to Figma
What is Agent to Figma?
Agent to Figma is a Model Context Protocol (MCP) server that enables ai agents like claude to interact with figma designs through 50+ tools for creating, styling, and manipulating design elements, components, and variables via a websocket relay and figma plugin. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Agent to Figma?
Follow the installation instructions on the Agent to Figma GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Agent to Figma?
Agent to Figma works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Agent to Figma free to use?
Yes, Agent to Figma is open source and available under the MIT license. You can use it freely in both personal and commercial projects.
Agent to Figma Alternatives — Similar Browser Automation Servers
Looking for alternatives to Agent to Figma? Here are other popular browser automation servers you can use with Claude, Cursor, and VS Code.
Chrome DevTools MCP
★ 40.6kAI-powered Chrome automation server with natural language element detection. Control Chrome browser through MCP protocol for testing, debugging, and performance analysis. Features 91% accuracy in element location, works with free AI models, and suppo
UI TARS Desktop
★ 34.9k📇 🏠 - Browser automation capabilities using Puppeteer, both support local and remote browser connection.
Playwright
★ 32.8kA production-ready browser automation server that enables AI assistants to interact with web pages using tools for navigation, element interaction, and data extraction. It features a built-in Inspector UI and robust crash recovery for reliable automa
Page Agent
★ 18.0kJavaScript in-page GUI agent. Control web interfaces with natural language.
Chrome
★ 11.7kAn extension-based MCP server that enables AI assistants to control your browser, leveraging existing sessions and login states for automation and content analysis. It provides over 20 tools for semantic tab search, interactive element manipulation,
LAMDA
★ 7.8kThe most powerful Android RPA agent framework, next generation mobile automation.
Browse More Browser Automation MCP Servers
Explore all browser automation servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Agent to Figma in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Agent to Figma?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.