skills.rest
Aradotso
AradotsoOFFICIAL
Explore all skills by this author →
Website𝕏@aradotsoGitHub

cursor-talk-to-figma-mcp

Read and modify Figma design files via an MCP WebSocket bridge.

3|Updated May 16, 2026
Search Tags:#figma#mcp#design automation#cursor#auto layout#bulk text updates#node editing
One-click install
npx skills add https://github.com/Aradotso/design-skills --skill cursor-talk-to-figma-mcp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cursor-talk-to-figma-mcp
Source: https://github.com/Aradotso/design-skills/tree/main/skills/cursor-talk-to-figma-mcp
Command: npx skills add https://github.com/Aradotso/design-skills --skill cursor-talk-to-figma-mcp

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about cursor-talk-to-figma-mcp

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Figma design updates using Cursor or Claude Code?▼

To automate Figma design updates, configure an MCP WebSocket server that bridges your AI agent to Figma, allowing programmatic reading and modification of design files via tool calls.

Can I perform bulk text replacement across multiple Figma nodes programmatically?▼

Yes, you can perform bulk text replacement by scanning text nodes and executing batch updates using the set_multiple_text_contents tool call to modify many nodes simultaneously.

What is the best way to configure auto layout in Figma through an AI agent?▼

The best way to configure auto layout programmatically is using MCP tool calls that set auto-layout mode, padding, alignment, sizing, and item spacing in a repeatable workflow.

Does this MCP server approach work for managing component instance overrides in Figma?▼

Yes, the MCP server approach supports managing component instance overrides, enabling AI-assisted design automation for structured updates and annotation management.

How do I connect my AI agent to a Figma file for design automation?▼

Connect your AI agent by joining a design session channel through the TalkToFigma MCP server, then call get_document_info to confirm access to the Figma file before editing.

Can I export Figma nodes as images and work with prototype reactions using MCP?▼

Yes, you can export selected nodes as images and work with prototype reactions and connectors for FigJam through the MCP server's programmatic read and modify workflow.

Related Skills

Explore More Design & Creative Skills→
mahmoud20138mahmoud20138
10

mcp-integration

Configure Claude Code plugins to access external services via MCP servers.

Community
Advanced
deangilmoreremixdeangilmoreremix

figma-implement-design

Translate Figma nodes into React components using design system tokens.

Community
Advanced
specs-devsspecs-devs

mcp-how-to

Configure an MCP server in Lens Studio and wire Cursor Code or Claude Code.

Official
Advanced
AradotsoAradotso
7

figma-mcp-go

Perform CRUD operations on Figma designs via an MCP server plugin bridge.

Official
Advanced