Loading connector details…
Loading connector details…
Choose a unique username to continue using AgentHotspot
by yhc984 • Tools & CLI
An MCP server that connects Cursor AI to Figma, enabling programmatic reading and modification of Figma documents via a WebSocket-backed Figma plugin.
Inspect a Figma document and obtain overview, selection, or node-level metadata before making modifications.
Programmatically create and style Figma elements (frames, rectangles, text), move/resize or delete nodes, and manage components and styles.
Export Figma nodes as images or execute controlled JavaScript inside Figma to perform complex or batch edits.
This project implements a Model Context Protocol (MCP) integration allowing Cursor to communicate with Figma for reading document and selection info, creating and styling nodes, manipulating layout, and exporting assets. It includes a TypeScript MCP server, a Figma plugin to bridge Figma and Cursor, and a WebSocket server to mediate messages. The integration is useful for automating design edits, generating components or instances, and running arbitrary Figma-side code from Cursor-driven agents. It emphasizes workflows like inspecting documents, safely modifying selections, and exporting nodes as images.
Get detailed information about the current Figma document
Get information about the current selection in Figma
Get detailed information about the current selection in Figma, including all node details
Get detailed information about a specific node in Figma
Get detailed information about multiple nodes in Figma
Best practices for working with Figma designs
Best practices for reading Figma designs
Systematic approach for replacing text in Figma designs
Strategy for converting manual annotations to Figma's native annotations
Guide to swap instance overrides between instances
Scores are informational only and provided “as is” without warranty. AgentHotspot assumes no liability for actions taken based on these ratings.