# grab/cursor-talk-to-figma-mcp **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/grab-cursor-talk-to-figma-mcp).** 6,322 stars · 668 forks · TypeScript · mit ## Links - GitHub: https://github.com/grab/cursor-talk-to-figma-mcp - Homepage: https://x.com/sonnylazuardi/status/1901325190388428999 - awesome-repositories: https://awesome-repositories.com/repository/grab-cursor-talk-to-figma-mcp.md ## Topics `agent` `agentic` `agentic-ai` `ai` `ai-agents` `automation` `cursor` `design` `figma` `generative-ai` `llm` `llms` `mcp` `model-context-protocol` ## Description 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. ## Tags ### User Interface & Experience - [Figma Document Manipulation APIs](https://awesome-repositories.com/f/user-interface-experience/design-component-managers/figma-component-kits/figma-document-manipulation-apis.md) — Programmatically creates, reads, updates, and deletes Figma nodes including frames, text, components, and connectors. - [Figma Element Generators](https://awesome-repositories.com/f/user-interface-experience/design-generators/figma-element-generators.md) — Generates new rectangles, frames, or text nodes at specified positions and sizes in Figma. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) - [Figma Structure Readers](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-authoring-software/design-tools/document-layout-design/figma-structure-readers.md) — Retrieves detailed information about Figma documents, selected nodes, or specific nodes by ID. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) - [Figma](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/workflow-automation-tools/design-automation-tools/figma.md) — Generates and modifies Figma design elements programmatically from code or natural language prompts. - [Auto Layout Management](https://awesome-repositories.com/f/user-interface-experience/auto-layout-management.md) — Configures frame layout mode, padding, alignment, sizing, and item spacing programmatically. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) - [Vector Fill and Stroke Styles](https://awesome-repositories.com/f/user-interface-experience/background-fill-colors/vector-fill-and-stroke-styles.md) — Provides programmatic application of fill colors, stroke properties, and corner radius to Figma nodes. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) - [Figma Layout Adjusters](https://awesome-repositories.com/f/user-interface-experience/data-display-components/data-table-customizations/custom-column-templates/layout-properties/figma-layout-adjusters.md) — Sets auto-layout mode, padding, alignment, sizing, and spacing on Figma frames. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) - [Design Annotations](https://awesome-repositories.com/f/user-interface-experience/design-annotations.md) — Adds, updates, and retrieves markdown-supported annotations on Figma nodes with targeted placement. - [Design System Management](https://awesome-repositories.com/f/user-interface-experience/design-system-management.md) — Manages component instances, styles, and layout properties programmatically across Figma documents. - [Design-to-Code Workflows](https://awesome-repositories.com/f/user-interface-experience/design-to-code-workflows.md) — Bridges design and development by enabling programmatic control over Figma documents from code. - [Prototyping Connection Automation Tools](https://awesome-repositories.com/f/user-interface-experience/ui-prototyping-tools/prototyping-connection-automation-tools.md) — Creates interactive prototype connections and flows between Figma nodes programmatically through an MCP interface. - [Figma Node Annotators](https://awesome-repositories.com/f/user-interface-experience/visual-node-editors/annotations/figma-node-annotators.md) — Creates, updates, and retrieves markdown-supported annotations on Figma nodes. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) ### Artificial Intelligence & ML - [AI Design Generation](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-design-generation.md) — Creates complete UI screens and design elements in Figma by interpreting natural language descriptions. - [AI UI Generators](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-ui-generators.md) — Generates complete UI screens in Figma from natural language prompts using AI. - [MCP Servers](https://awesome-repositories.com/f/artificial-intelligence-ml/mcp-servers.md) — Exposes Figma document manipulation capabilities to AI assistants through the Model Context Protocol. - [Design Prompt Pipelines](https://awesome-repositories.com/f/artificial-intelligence-ml/prompt-design-strategies/design-prompt-pipelines.md) — Translates natural language prompts into structured Figma node creation commands. - [Screen Prompt Generators](https://awesome-repositories.com/f/artificial-intelligence-ml/prompt-design-strategies/screen-prompt-generators.md) — Interprets natural-language design prompts to create complete UI screens in Figma. ([source](https://x.com/sonnylazuardi/status/1901325190388428999)) ### Development Tools & Productivity - [Figma MCP Adapters](https://awesome-repositories.com/f/development-tools-productivity/rest-apis/mcp-protocol-adapters/figma-mcp-adapters.md) — Adapts the Figma REST API and WebSocket protocol into a unified MCP tool interface. - [Figma Instance Managers](https://awesome-repositories.com/f/development-tools-productivity/instance-initialization/component-instance-initializers/figma-instance-managers.md) — Creates component instances and applies override properties from source to multiple targets. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) ### Software Engineering & Architecture - [Figma](https://awesome-repositories.com/f/software-engineering-architecture/api-wrappers/figma.md) — Wraps the Figma REST API and WebSocket protocol into a unified MCP tool interface. - [Figma Document Traversers](https://awesome-repositories.com/f/software-engineering-architecture/tree-traversal-algorithms/document-tree-traversers/figma-document-traversers.md) — Walks the Figma document tree recursively to locate, read, and modify design nodes. - [Figma Connector Bridges](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/rapid-prototyping/ui-prototyping/figma-connector-bridges.md) — Creates FigJam connector lines between nodes by interpreting prototype flow definitions. - [Figma Prototyping Connectors](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/rapid-prototyping/ui-prototyping/figma-prototyping-connectors.md) — Creates connector lines between Figma nodes based on prototype flows and retrieves reactions. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) - [Prototyping Connection Automation Tools](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/rapid-prototyping/ui-prototyping/prototyping-connection-automation-tools.md) — Creates interactive prototype connections and flows between Figma nodes programmatically. ### Data & Databases - [Component Override Extractors](https://awesome-repositories.com/f/data-databases/entity-inheritance/property-overrides/component-override-extractors.md) — Extracts component instance override values from a source node and applies them to multiple targets. ### Graphics & Multimedia - [Figma Hierarchy Organizers](https://awesome-repositories.com/f/graphics-multimedia/element-organizers/ui-hierarchy-organizers/figma-hierarchy-organizers.md) — Moves, resizes, deletes, or clones nodes to rearrange the Figma design canvas structure. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) - [Figma Node Exporters](https://awesome-repositories.com/f/graphics-multimedia/svg-image-exports/multi-format-image-exports/figma-node-exporters.md) — Renders selected Figma nodes to PNG, JPG, SVG, or PDF format as base64 text. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md)) ### Web Development - [Figma Text Replacers](https://awesome-repositories.com/f/web-development/content-replacement-commands/bulk-text-replacers/figma-text-replacers.md) — Replaces text in single or multiple Figma nodes with intelligent chunking for large designs. ([source](https://cdn.jsdelivr.net/gh/grab/cursor-talk-to-figma-mcp@main/README.md))