MCPgee
MCPgee
MCPgeeMCPgee

Claude Talk to Figma MCP

v1.0.0•Developer Tools•stable

A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs

antigravityclaudeclaude-aiclaude-codecursor
Share:
598
Stars
0
Downloads
0
Weekly
0/5
View on GitHub

What is Claude Talk to Figma MCP?

Claude Talk to Figma MCP is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to model context protocol (mcp) that allows claude desktop and other ai tools (claude code, cursor, antigravity, etc.) to read, analyze, and modify figma designs

A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs

This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.

Features

  • A Model Context Protocol (MCP) that allows Claude Desktop an

Use Cases

Enable Claude Desktop and AI tools to read and modify Figma designs. Perform automated design updates and analysis through MCP. Integrate design workflows with AI-assisted development.
arinspunk

Maintainer

LicenseMIT
Languagetypescript
Versionv1.0.0
UpdatedMay 21, 2026
Statushealthy
Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux
View SourceBrowse All Servers

Installation

Manual Installation

npx claude-talk-to-figma

Configuration

Configuration Details

Config File

claude_desktop_config.json

Performance

Response Metrics

Response Time< 200ms
ThroughputMedium

Resource Usage

Memory UsageLow
CPU UsageLow

How to Set Up and Use Claude Talk to Figma MCP

Claude Talk to Figma MCP is a Model Context Protocol enabling Claude Desktop and other AI tools to read, analyze, and modify Figma designs seamlessly. Connect it to Claude to enable AI-driven design generation, component management, and automated design updates.

Prerequisites

  • Node.js 18+ installed
  • Claude Desktop or other MCP-compatible client
  • Figma account with design files
  • Figma Personal API token for authentication
1

Install Claude Talk to Figma

Install the Figma MCP server via npx.

npx claude-talk-to-figma
2

Create and Store Figma API Token

Generate a personal API token in Figma (Settings > Account > Personal access tokens). Store it securely for MCP configuration.

3

Configure MCP Client

Add Claude Talk to Figma to your MCP client configuration file.

{
  "mcpServers": {
    "figma-mcp": {
      "command": "npx",
      "args": ["claude-talk-to-figma"],
      "env": {
        "FIGMA_TOKEN": "your-figma-api-token"
      }
    }
  }
}
4

Verify Token Configuration

Ensure the FIGMA_TOKEN environment variable is properly set and the MCP server can access it.

5

Restart Claude Desktop

Close and reopen Claude Desktop to initialize Figma integration.

6

Test Design Access and Modification

Ask Claude to access a Figma file, read design properties, or make modifications. Verify changes appear in Figma.

Claude Talk to Figma MCP Examples

Installation Command

Install Claude Talk to Figma via npx

npx claude-talk-to-figma

MCP Configuration

Configuration block for Claude Talk to Figma in Claude Desktop

{
  "mcpServers": {
    "figma-mcp": {
      "command": "npx",
      "args": ["claude-talk-to-figma"],
      "env": {
        "FIGMA_TOKEN": "your-figma-api-token"
      }
    }
  }
}

AI-Assisted Design Workflows

Examples of design automation with Claude and Figma

1. Ask Claude to generate a UI mockup: Describe the feature and Claude creates it in Figma.
2. Request design analysis: Claude reads your design system and suggests improvements.
3. Automate repetitive tasks: Have Claude update colors, typography, or spacing across designs.
4. Collaborative design: Work alongside Claude to iterate on designs in real-time.

Troubleshooting Claude Talk to Figma MCP

Figma authentication fails or token error

Verify the API token is correct and not expired. Generate a new token if needed. Ensure the FIGMA_TOKEN environment variable is properly exported and accessible. Check that the MCP server process has access to the environment variable.

Design file access or read operations fail

Verify you have access to the Figma file. Check file sharing settings. Ensure the file ID is correct and matches your Figma account. Try accessing the file in Figma directly to confirm accessibility.

Design modifications don't appear in Figma

Verify the modification request is using correct Figma API syntax. Check that you're modifying editable properties (some properties are read-only). Review detailed error messages in server logs. Test simple modifications first before complex operations.

Frequently Asked Questions about Claude Talk to Figma MCP

What is Claude Talk to Figma MCP?

Claude Talk to Figma MCP is a Model Context Protocol (MCP) server that model context protocol (mcp) that allows claude desktop and other ai tools (claude code, cursor, antigravity, etc.) to read, analyze, and modify figma designs It connects AI assistants to external tools and data sources through a standardized interface.

How do I install Claude Talk to Figma MCP?

Follow the installation instructions on the Claude Talk to Figma MCP GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.

Which AI clients work with Claude Talk to Figma MCP?

Claude Talk to Figma MCP works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.

Is Claude Talk to Figma MCP free to use?

Yes, Claude Talk to Figma MCP is open source and available under the MIT license. You can use it freely in both personal and commercial projects.

Learn More About MCP Servers

Getting Started with MCP

Set up your first MCP server in minutes

MCP Setup Guide

Configure MCP in Claude, Cursor & VS Code

All MCP Tutorials

18+ hands-on guides for developers

MCP FAQ

40+ answers about Model Context Protocol

Claude Talk to Figma MCP Alternatives — Similar Developer Tools Servers

Looking for alternatives to Claude Talk to Figma MCP? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.

MCP Servers

★ 86.0k

Model Context Protocol Servers

CC Switch

★ 77.5k

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io

Awesome Claude Skills MCP Server

★ 61.1k

A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows

Nacos MCP Server

★ 33.0k

an easy-to-use dynamic service discovery, configuration and service management platform for building AI cloud native applications.

FastMCP

★ 25.3k

A collection of MCP servers providing utilities including user greeting, message decoding, text file reading with PDF summary generation, and NASA-quality code auditing using a trained AI model to predict software defects and measure code complexity.

Python SDK

★ 23.1k

Python SDK for protecting MCP servers and OAuth 2.1 resource servers with tokens issued by the Authplane authorization server. Includes framework adapters (e.g. MCP, FastMCP).

Browse More Developer Tools MCP Servers

Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.

Developer ToolsBrowse All Servers

Quick Config Preview

{ "mcpServers": { "claude-talk-to-figma": { "command": "npx", "args": ["-y", "claude-talk-to-figma"] } } }

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide →

Ready to use Claude Talk to Figma MCP?

Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

33,000+ ServersFree & Open SourceStep-by-Step Guides
Explore All ServersRead Our Guides