Skills
.Work. You
Rest

cursor-talk-to-figma-mcp

Official

Read and modify Figma designs via MCP

Design & Creative#figma#mcp#design automation#cursor#auto layout#bulk text updates#node editing
AuthorAradotso
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Manual Figma editing is slow and hard to scale when you need to programmatically read design structure, update many nodes, or keep code and visuals in sync.

Core Features & Use Cases

  • MCP WebSocket bridge for Cursor/Claude Code: Connect an AI agent to Figma through an MCP server for collaborative design automation.
  • Programmatic read/modify workflow: Fetch document info, selection, node details, and then create or update frames, shapes, and text.
  • Bulk operations and structured updates: Scan text nodes and perform batch text replacement, plus manage annotations and component instance overrides.
  • Auto Layout tooling: Configure auto-layout mode, padding, alignment, sizing, and item spacing in a repeatable way.
  • Export and prototyping support: Export selected nodes as images and work with prototype reactions/connectors for FigJam.

Quick Start

Ask your AI agent to connect to the TalkToFigma MCP server, join a design session channel, then call get_document_info to confirm access to the Figma file before making any edits.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: cursor-talk-to-figma-mcp
Download link: https://github.com/Aradotso/design-skills/archive/main.zip#cursor-talk-to-figma-mcp

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.