Claude Talk To Figma MCP Server

Figma design files analysis, bulk style updates, and component code generation.

Data last scanned yesterday · Reviewed 3 weeks ago

39★ 647TypeScriptMIT

Overview

This TypeScript-based MCP server allows AI agents to interface directly with Figma. It supports a variety of automation tasks including accessibility audits for contrast ratios, bulk modifications to design tokens like colors and typography, and the generation of frontend code components such as React or SwiftUI directly from design files. A key differentiator for this project is its accessibility for all Figma users. It does not require a Dev Mode license, functioning instead with any account type to bridge the gap between design and development workflows.

Our verdict

This server carries a high-risk level with a security score of 39/100. The primary concern is the complete absence of a read-only mode, meaning every installation provides full write access to your Figma documents. Furthermore, the authentication methods remain unreviewed and lack support for OAuth. Given these significant security gaps, this tool should only be used in non-critical environments by users who understand the implications of granting an MCP server unchecked write capabilities.

Supports all Figma account tiers without needing Dev Mode
Small footprint with only four direct project dependencies
Open-source MIT license permits modification and redistribution
Active community involvement with 14 documented contributors

High security risk due to lack of read-only mode
Authentication methods have not undergone security review
Unofficial community project with no vendor support

Setup

Claude Desktop

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

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows), then restart Claude Desktop. Some servers require API keys or tokens as environment variables — check the project's README and add an "env" object if needed.

No read-only mode — running this grants full read/write access.
No built-in authentication — anyone with access to this config can invoke every tool it exposes.

Compatibility

Client	Local	Docker	Remote	Read-only
ChatGPT
Claude Desktop
Cursor
VS Code
Windsurf

Frequently asked questions

›Do I need a Figma Dev Mode license to use this MCP?

No, this MCP works with any Figma account, including free versions, unlike the official Figma MCP.

›What are the core software requirements to run this server?

You need Node.js installed, the Figma Desktop application, and a compatible AI client such as Claude Desktop, Cursor, or VS Code with supported extensions.

›How do I initiate a connection between my AI agent and Figma?

After starting the server and the Figma plugin, copy the channel ID displayed in the plugin and type 'Connect to Figma, channel {your-ID}' into your AI agent's chat interface.

›Are stateful commands like 'set_current_page' supported?

No, commands that rely on implicit page context are blocked to ensure safety during parallel execution. You must explicitly provide the intended parentId parameter when executing structural modification commands.

›Does this MCP support multiple agents working at the same time?

Yes, it supports safe parallel execution using a built-in command queue that processes requests sequentially to prevent Figma API timeouts.