Claude Talk to Figma MCP
An MCP server that lets an agent read and edit Figma designs: colors, typography, components and export
- 678 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Modifies the contents of your Figma files
- Runs a local websocket and executes code
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add mcp/claude-talk-to-figma-mcpDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Modifies the contents of your Figma files
- Runs a local websocket and executes code
This is third-party code. Review the repository files before installing.
What it does
The server links an agent to Figma Desktop through a local websocket and a plugin you import from a manifest. Once connected to a channel, the agent reads the current selection and document tree, inspects styles and hierarchy, creates shapes, text and frames, and edits colors, corner radius, shadows and auto layout. It runs with a free Figma account and needs no Dev Mode license. A server-side command queue lets several agents work in parallel.
Who it is for. For designers and frontend developers who want to edit Figma files and turn designs into code through chat.
Good fit when
- You need to change colors, fonts or spacing across the whole document
- You need to build a component or layout from an existing design
- You need to check contrast and accessibility inside Figma
Not a fit when
- You have no Figma Desktop or cannot import a plugin from a manifest
- You need Figma only in the browser without the desktop app
Example request
Connect to Figma, channel abc123, and replace FF6B6B with E63946 in all primary buttonsMCP
- Transport
- stdio
- Authentication
- not required
Limitations
You need Node.js, Figma Desktop and a manual plugin import through the developer menu. Each session starts a local websocket and the agent connects to a channel by its id. In parallel mode set_current_page is blocked, so creation and structural edits must pass parentId explicitly.
How to disable. Remove the server entry from your MCP client config and delete the plugin from Figma via the developer menu.
FAQ
Do I need paid Figma and Dev Mode?
No. The server works with any Figma account, including free, and no Dev Mode license is required.
How does the agent know which file to use?
You open the plugin in Figma, copy the channel id and ask the agent to connect to that channel.
Discussion
No questions or reviews yet.
Related
MCP serversMCP bridge between an agent (Cursor, Claude Code, Codex) and Figma for reading designs and editing them on the canvas
Figma MCP Server (Antonytm)
Figma MCP Server
A community MCP server with a Figma plugin: the agent creates frames, text and components in the open file, not just reads them
An MCP server that gives the agent simplified Figma layout data from a link so it can build the screen more accurately than from a screenshot
An MCP server and a Figma plugin that let an agent read and draw on the canvas safely: with layout checks and no broken screens.
figma-ui-mcp is an MCP bridge that draws interfaces on the Figma canvas through code and reads designs back, no API key.
Figma's official MCP server: code from a selected frame, design system variables and components, and writing designs to the canvas
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Authentication | Repository stars | Main difference |
|---|---|---|---|---|
| Claude Talk to Figma MCP (this card) | no | not required | 678 | |
| kubectl-mcp-server | no | not required | 972 | reads cluster state and diagnoses pod failures |
| Unreal Engine MCP Server | no | not required | 1,033 | Unreal Engine assets, actors and blueprints |
| Android MCP | no | not required | 924 | controls an Android device through ADB |
README in short
The README lays out a three-step setup: start the websocket via npx, import the plugin into Figma Desktop and configure the MCP client. It shows configs for Cursor and other tools, a Docker option and a capability list: document analysis, element creation and editing, styles and component libraries. The project builds on Sonny Lazuardi's cursor-talk-to-figma-mcp. MIT licensed.