cursor-talk-to-figma-mcp
If you are the rightful owner of cursor-talk-to-figma-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcpreview.com.
This project implements a Model Context Protocol (MCP) integration between Cursor AI and Figma, allowing Cursor to communicate with Figma for reading designs and modifying them programmatically.
Cursor Talk to Figma MCP is a project that facilitates seamless integration between Cursor AI and Figma through the Model Context Protocol (MCP). This integration allows for programmatic interaction with Figma designs, enabling tasks such as reading design information, modifying elements, and automating repetitive design processes. The project is structured with a TypeScript MCP server for Figma integration, a Figma plugin for communication, and a WebSocket server to facilitate the connection. Users can install the necessary tools using Bun, set up the WebSocket server, and run the MCP server to start interacting with Figma. The project also includes a variety of tools for document management, annotations, prototyping, element creation, text modification, styling, layout management, and more. Additionally, it provides strategies and best practices for efficient design automation and management.
Features
- Seamless integration between Cursor AI and Figma using MCP.
- Automated design modifications and bulk text content replacement.
- Comprehensive set of tools for document management, annotations, and prototyping.
- Support for creating and modifying design elements programmatically.
- Strategies and best practices for efficient design automation.
MCP Tools
- {'Document & Selection': 'Tools for getting document info, selection details, and node information.'}
- {'Annotations': 'Tools for managing annotations with markdown support.'}
- {'Prototyping & Connections': 'Tools for managing prototype reactions and creating connections.'}
- {'Creating Elements': 'Tools for creating rectangles, frames, and text nodes.'}
- {'Modifying text content': 'Tools for scanning and setting text content in nodes.'}
- {'Auto Layout & Spacing': 'Tools for managing layout modes, padding, and spacing.'}
- {'Styling': 'Tools for setting fill colors, stroke colors, and corner radii.'}
- {'Layout & Organization': 'Tools for moving, resizing, and deleting nodes.'}
- {'Components & Styles': 'Tools for managing components and styles.'}
- {'Export & Advanced': 'Tools for exporting nodes as images.'}
- {'Connection Management': 'Tools for managing communication channels.'}
- {'MCP Prompts': 'Helper prompts for guiding complex design tasks.'}
Usage with Different Platforms
Windows + WSL Guide
Guide for setting up the MCP server on Windows with WSL.
Manual Setup and Installation
Instructions for manually setting up the MCP server and WebSocket server.
Figma Plugin
Steps for installing and linking the Figma plugin.
Related MCP Servers
View all browser_automation servers →Fetch
by modelcontextprotocol
A Model Context Protocol server that provides web content fetching capabilities, enabling LLMs to retrieve and process content from web pages.
markdownify-mcp
by zcaceres
Markdownify is a Model Context Protocol (MCP) server that converts various file types and web content to Markdown format.
deepwiki-mcp
by regenrek
This is an unofficial Deepwiki MCP Server that processes Deepwiki URLs, crawls pages, converts them to Markdown, and returns documents or lists by page.
mcp-playwright
by executeautomation
A Model Context Protocol server that provides browser automation capabilities using Playwright.
fetch-mcp
by zcaceres
This MCP server provides functionality to fetch web content in various formats, including HTML, JSON, plain text, and Markdown.
web-eval-agent
by Operative-Sh
operative.sh's MCP Server is a tool for autonomous debugging of web applications directly from your code editor.
ai-agent-marketplace-index-mcp
by AI-Agent-Hub
MCP Server for AI Agent Marketplace Index from DeepNLP, allowing AI assistants to search available AI agents by keywords or categories.