Happy slice of mcp pizzaMCP.pizza

figma-mcp

MCP.Pizza Chef: MatthewDailey

Paste a Figma link and your assistant pulls in the file's layers, then renders any screen or component as a picture it can genuinely look at and describe. It reads the whole comment thread, pins a new comment to a specific spot on a design, and replies to someone else's. What it will not do is change the design itself or export finished artwork. A free Figma access token is required, and be aware the project has had no update since May 2025.

Unmaintained · last code change May 2025, appears abandoned
Communication
Images/Design

Use This MCP server To

Ask what is on a Figma screen without opening Figma Get a written description of a mockup for my notes Read all the feedback left on a design Leave a comment pinned to a specific button Reply to a designer's comment from my chat app Check whether a screen matches the copy I wrote

README

Figma MCP Server

smithery badge

A ModelContextProtocol server that enables AI assistants to interact with Figma files. This server provides tools for viewing, commenting, and analyzing Figma designs directly through the ModelContextProtocol.

Features

  • Add a Figma file to your chat with Claude by providing the url
  • Read and post comments on Figma files

Setup with Claude

Installing via Smithery

To install Figma MCP Server for Claude Desktop automatically via Smithery:

npx -y @smithery/cli install @MatthewDailey/figma-mcp --client claude

  1. Download and install Claude desktop app from claude.ai/download

  2. Get a Figma API Key (figma.com -> click your name top left -> settings -> Security). Grant File content and Comments scopes.

  3. Configure Claude to use the Figma MCP server. If this is your first MCP server, run the following in terminal.

echo '{
  "mcpServers": {
    "figma-mcp": {
      "command": "npx",
      "args": ["figma-mcp"],
      "env": {
        "FIGMA_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}' > ~/Library/Application\ Support/Claude/claude_desktop_config.json

If it's not, copy the figma-mcp block to your claude_desktop_config.json

  1. Restart Claude Desktop.

  2. Look for the hammer icon with the number of available tools in Claude's interface to confirm the server is running.

Example usage

Start a new chat with claude desktop and paste the following

figma-mcp FAQ

Is this still maintained?
It appears abandoned. The last code change and the last published version both date from May 2025, so expect no fixes or new features.
Do I need a Figma key?
Yes. In Figma, open your account settings, create a personal access token with file content and comments enabled, and paste it into the setup.
Can I use this to change a design?
No. It looks and comments only. It never edits layers, moves elements, or creates new frames for you.
Can it export images for my website?
Not usefully. It renders a preview of a screen so the assistant can see it, with no control over file format or size.
Which apps does it work in?
The instructions are written for Claude Desktop, and it will run in any other app that accepts MCP add-ons.
Does it cost anything?
No. The add-on is free and an access token comes with any Figma account, including the free plan.
How hard is the setup?
You paste a short block containing your token into your app's configuration file. No coding, but you do edit a file by hand.