This project implements a Model Context Protocol (MCP) integration between AI agent (Cursor, Claude Code) and Figma, allowing AI agent to communicate with Figma for reading designs and modifying…
Cursor Talk to Figma is an MCP project maintained in the grab/cursor-talk-to-figma-mcp repository. The maintainer describes its purpose as “This project implements a Model Context Protocol (MCP) integration between AI agent (Cursor, Claude Code) and Figma, allowing AI agent to communicate with Figma for…”. Read the project documentation for the complete scope.
The project provides a local client configuration using bunx. Follow the repository’s build and installation steps before copying it, and replace example paths with the paths on your own computer.
Project documentation · Repository · Discovery listing. This profile records the public documentation checked on 2026-10-08.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| get_document_info | Get information about the current Figma document |
| get_selection | Get information about the current selection |
| read_my_design | Get detailed node information about the current selection without parameters |
| get_node_info | Get detailed information about a specific node |
| get_nodes_info | Get detailed information about multiple nodes by providing an array of node IDs |
| set_focus | Set focus on a specific node by selecting it and scrolling viewport to it |
| set_selections | Set selection to multiple nodes and scroll viewport to show them |
| get_annotations | Get all annotations in the current document or specific node |
| set_annotation | Create or update an annotation with markdown support |
| set_multiple_annotations | Batch create/update multiple annotations efficiently |
| scan_nodes_by_types | Scan for nodes with specific types (useful for finding annotation targets) |
| get_reactions | Get all prototype reactions from nodes with visual highlight animation |
| set_default_connector | Set a copied FigJam connector as the default connector style for creating connections (must be set before creating connections) |
| create_connections | Create FigJam connector lines between nodes, based on prototype flows or custom mapping |
| create_rectangle | Create a new rectangle with position, size, and optional name |
| create_frame | Create a new frame with position, size, and optional name |
| create_section | Create a section to group related content on the canvas |
| create_text | Create a new text node with customizable font properties |
| scan_text_nodes | Scan text nodes with intelligent chunking for large designs |
| set_text_content | Set the text content of a single text node |
| set_multiple_text_contents | Batch update multiple text nodes efficiently |
| set_layout_mode | Set the layout mode and wrap behavior of a frame (NONE, HORIZONTAL, VERTICAL) |
| set_padding | Set padding values for an auto-layout frame (top, right, bottom, left) |
| set_axis_align | Set primary and counter axis alignment for auto-layout frames |
| set_layout_sizing | Set horizontal and vertical sizing modes for auto-layout frames (FIXED, HUG, FILL) |
| set_item_spacing | Set distance between children in an auto-layout frame |
| set_fill_color | Set the fill color of a node (RGBA) |
| set_stroke_color | Set the stroke color and weight of a node |
| set_corner_radius | Set the corner radius of a node with optional per-corner control |
| set_image_fill | Fill a node with an image from a local file path, URL, or base64 data (FILL, FIT, CROP, or TILE) |
| move_node | Move a node to a new position |
| resize_node | Resize a node with new dimensions |
| delete_node | Delete a node |
| delete_multiple_nodes | Delete multiple nodes at once efficiently |
| clone_node | Create a copy of an existing node with optional position offset |
| rename_node | Rename a node |
| set_parent | Move a node into a new parent (section, frame or group), preserving its absolute position by default |
| get_styles | Get information about local styles |
| get_local_components | Get information about local components |
| create_component_instance | Create an instance of a component |
| get_instance_overrides | Extract override properties from a selected component instance |
| set_instance_overrides | Apply extracted overrides to target instances |
| export_node_as_image | Export a node as an image (PNG, JPG, SVG, or PDF) - limited support on image currently returning base64 as text |
| join_channel | Join a specific channel to communicate with Figma |
| design_strategy | Best practices for working with Figma designs |
| read_design_strategy | Best practices for reading Figma designs |
| text_replacement_strategy | Systematic approach for replacing text in Figma designs |
| annotation_conversion_strategy | Strategy for converting manual annotations to Figma's native annotations |
| swap_overrides_instances | Strategy for transferring overrides between component instances in Figma |
| reaction_to_connector_strategy | Strategy for converting Figma prototype reactions to connector lines using the output of 'get_reactions', and guiding the use 'create_connections' in sequence |
{
"mcpServers": {
"TalkToFigma": {
"command": "bunx",
"args": [
"cursor-talk-to-figma-mcp@latest"
]
}
}
}From the project documentation. Replace placeholders and example paths before connecting.
Feed real design data to your coding assistant — layout, tokens and components straight from Figma files.
Integrates Figma's API with Claude and other Model Context Protocol (MCP) compatible clients, providing read-only access to Figma files and projects.
Manages courses, assignments, enrollments, and grades within Canvas using the Canvas API.
Provides a unified TypeScript interface for LLMs to interact with various 3D software applications.
Generates Vue 3 components from Figma designs, adhering to Hostinger's design system.
Enables Cursor AI to interact with Figma, allowing programmatic design modification and data extraction.