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@mcphub.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.
Tools
Document & Selection
get_document_info,get_selection,get_node_info,get_nodes_infoAnnotations
get_annotations,set_annotation,set_multiple_annotations,scan_nodes_by_typesCreating Elements
create_rectangle,create_frame,create_textModifying text content
scan_text_nodes,set_text_content,set_multiple_text_contentsStyling
set_fill_color,set_stroke_color,set_corner_radiusLayout & Organization
move_node,resize_node,delete_node,delete_multiple_nodes,clone_nodeComponents & Styles
get_styles,get_local_components,get_team_components,create_component_instanceExport & Advanced
export_node_as_image,execute_figma_codeConnection Management
join_channel
