grab/cursor-talk-to-figma-mcp
Cursor Talk To Figma Mcp
This is a Figma MCP server that exposes document manipulation capabilities to AI assistants through the Model Context Protocol. It functions as a bridge between AI tools and Figma, enabling programmatic creation, reading, updating, and deletion of design elements including frames, text nodes, components, and connectors.
The server provides AI-powered design generation that translates natural language prompts into complete UI screens and design elements within Figma. It includes a design annotation system for adding, updating, and retrieving markdown-supported annotations on nodes, along with prototyping automation that creates interactive connections and flows between Figma nodes programmatically.
The tool covers design automation across element creation, layout configuration, text editing, visual styling, node hierarchy management, image export, and component instance management. It supports reading design structure, modifying text content with intelligent chunking for large designs, and applying visual styles such as fill color, stroke properties, and corner radius. The system also manages component instances by extracting override properties from source nodes and applying them to multiple targets.
Features
- Figma Document Manipulation APIs - Programmatically creates, reads, updates, and deletes Figma nodes including frames, text, components, and connectors.
- AI Design Generation - Creates complete UI screens and design elements in Figma by interpreting natural language descriptions.
- AI UI Generators - Generates complete UI screens in Figma from natural language prompts using AI.
- MCP Servers - Exposes Figma document manipulation capabilities to AI assistants through the Model Context Protocol.
- Design Prompt Pipelines - Translates natural language prompts into structured Figma node creation commands.
- Screen Prompt Generators - Interprets natural-language design prompts to create complete UI screens in Figma.
- Figma MCP Adapters - Adapts the Figma REST API and WebSocket protocol into a unified MCP tool interface.
- Figma - Wraps the Figma REST API and WebSocket protocol into a unified MCP tool interface.
- Figma Document Traversers - Walks the Figma document tree recursively to locate, read, and modify design nodes.
- Figma Element Generators - Generates new rectangles, frames, or text nodes at specified positions and sizes in Figma.
- Figma Structure Readers - Retrieves detailed information about Figma documents, selected nodes, or specific nodes by ID.
- Figma - Generates and modifies Figma design elements programmatically from code or natural language prompts.
- Component Override Extractors - Extracts component instance override values from a source node and applies them to multiple targets.
- Figma Instance Managers - Creates component instances and applies override properties from source to multiple targets.
- Figma Hierarchy Organizers - Moves, resizes, deletes, or clones nodes to rearrange the Figma design canvas structure.
- Figma Node Exporters - Renders selected Figma nodes to PNG, JPG, SVG, or PDF format as base64 text.
- Figma Connector Bridges - Creates FigJam connector lines between nodes by interpreting prototype flow definitions.
- Figma Prototyping Connectors - Creates connector lines between Figma nodes based on prototype flows and retrieves reactions.
- Prototyping Connection Automation Tools - Creates interactive prototype connections and flows between Figma nodes programmatically.
- Auto Layout Management - Configures frame layout mode, padding, alignment, sizing, and item spacing programmatically.
- Vector Fill and Stroke Styles - Provides programmatic application of fill colors, stroke properties, and corner radius to Figma nodes.
- Figma Layout Adjusters - Sets auto-layout mode, padding, alignment, sizing, and spacing on Figma frames.
- Design Annotations - Adds, updates, and retrieves markdown-supported annotations on Figma nodes with targeted placement.
- Design System Management - Manages component instances, styles, and layout properties programmatically across Figma documents.
- Design-to-Code Workflows - Bridges design and development by enabling programmatic control over Figma documents from code.
- Prototyping Connection Automation Tools - Creates interactive prototype connections and flows between Figma nodes programmatically through an MCP interface.
- Figma Node Annotators - Creates, updates, and retrieves markdown-supported annotations on Figma nodes.
- Figma Text Replacers - Replaces text in single or multiple Figma nodes with intelligent chunking for large designs.
