FigmaMCP

io.github.MrCoderPublished by GitHub account MrCoderv0.1.10Updated Nov 13, 2026

Claude Code or Codex read and edit your open Figma file. Needs the free FigmaMCP Mac app.

The publisher's own server: Figma MCP Server

VerifiedSTDIODesktop onlyDeveloper ToolsMedia & Design

Overview

AI-generated overview

A local Mac MCP server that lets Claude Code or Codex read and edit the Figma file you have open, through a Figma plugin.

What you can do
  • Read page, node, component, style, variable, annotation and reaction details, and export node visuals
  • Create frames, text, shapes, SVG, components, component sets and instances
  • Edit nodes: fills, strokes, effects, corner radius, auto layout, transforms, rename, clone, group, delete, and text content or style
  • Manage design systems: styles, variables, variable binding, style application, component properties and instance overrides
When to use it
Useful when you work in Claude Code or Codex and want the assistant to inspect or change a design in the Figma desktop app directly, without an API token or call quota.
Requirements
macOS only (Windows and Linux not supported), the Figma desktop app, Claude Code or Codex, and the free FigmaMCP Mac app, which installs the Figma plugin and connects the local MCP server. No Figma API token is needed.
Before you install
The assistant can create, modify and delete layers in your open file; a read-only switch in the plugin limits this. Edits must name an exact target layer, and a bulk edit with one invalid item changes nothing. The app is a fork of third-party software and is not affiliated with Figma. Do not attach private design files or secrets when reporting problems.

Installation

In SourceWeft

  1. Open FigmaMCP in the dashboard and add it to a workspace.
  2. Enable the server for the chats that should use its tools.

Desktop only via STDIO. STDIO servers start a local process, so they need the SourceWeft desktop host.

Other MCP clients

Follow the launch instructions in the repository.

README

FigmaMCP

Let Claude Code or Codex read and edit the Figma file you already have open. A free Mac app with a local MCP server and a Figma plugin. No Figma API token, and no call quota to watch.

Download for Mac · Website · Setup guide

[FigmaMCP demo: download, set up, then Claude Code draws a pricing card in the open Figma file]

The terminal text in the demo is staged. The Figma frames are real screenshots.

How it works

  1. Download and open the app. It checks for Figma, Claude Code and Codex.
  2. Click through the checklist. The app adds the plugin to the Figma desktop app and connects the MCP server to your AI. There is no manifest to import and no config file to edit.
  3. Ask your AI. Open a Figma file and ask for a change. The AI reads the file first, then edits it in place while you watch.

FigmaMCP works through Figma's Plugin API on your own machine. It makes no calls to Figma's hosted MCP server.

What the AI can do

AreaTools
Readpage_info, node_info, node_export_visual, component_list, style_list, variable_list, annotation_list, reaction_list
Createcreate_frame, create_text, create_shape, create_svg, create_component, create_component_set, create_instance
Editnode_set_fill, node_set_stroke, node_set_effects, node_set_corner_radius, node_set_auto_layout, node_transform, node_rename, node_clone, node_group, node_delete, text_set_content, text_set_style
Design systemstyle_manage, variable_manage, node_bind_variable, node_apply_style, component_manage_property, instance_set_property, instance_set_overrides

Safety

  • Every edit must name its exact target layer.
  • A bulk edit with one invalid item changes nothing.
  • A switch in the plugin makes the file read-only for the AI.
  • Two AI sessions can work in one file; one cannot overwrite a layer the other is editing.

Requirements

  • macOS (Windows and Linux are not supported yet)
  • The Figma desktop app
  • Claude Code or Codex

Report a problem

Open an issue, or write to [email protected]. Do not attach private design files or secrets.

About this repository

This repository holds downloads and issue reports. It has no source code. Downloads are on the Releases page.

FigmaMCP is a fork of figma-edit-mcp by Neo Product LLC. It includes third-party software; see THIRD_PARTY_NOTICES.txt. Not affiliated with or endorsed by Figma, Inc.

Source: README.md at commit d135657

Tools

0
SourceWeft has not started this package in its sandbox yet, so its tools are not known.

Version history

1
  1. v0.1.10LatestNov 13, 2026

Score

40% of the applicable checks met

How complete this listing is, computed from the registry entry, the endpoint and public sources. Not a rating of the server and not a statement that it is safe or working today: reachability is a dated check, and no installs or reviews go into the score.

  • Reached in the last 30 days25 pts

    Keep the endpoint answering the MCP handshake; SourceWeft probes it every 30 days.

  • Auth declared10 pts

    Declare the credential headers in the registry entry, or keep the endpoint answering the probe so its auth can be classified.

  • Tools listed15 pts

    Answer tools/list without a credential, or ship a package that starts in a sandbox without one.

  • DescriptionRequired15 pts
  • Logo10 pts
  • Documentation15 pts
  • License10 pts

    Declare a license in the repository or the registry entry.

Other Figma integrations

Figma MCP Server

com.figma.mcpOfficial publisher

Figma's remote MCP server that gives AI coding agents design context from Figma files so they can generate and update code.

Streamable HTTPWeb executableAuth
Developer ToolsCredential requiredOct 24, 2026

Figma Bridge Mcp

Published by GitHub account nguyendinhphongdx

Bridges an AI assistant to the Figma Desktop document you have open, letting it draw UI on the canvas and read designs back as data and code.

STDIODesktop only
Developer ToolsNot validated yetNov 11, 2026

Figma Vector MCP

Published by GitHub account workingmodel

Local MCP server plus Figma plugin that lets an assistant create and edit fully editable vector nodes, shapes, text and components on the Figma canvas.

STDIODesktop only
Developer Tools58 toolsOct 30, 2026

Figma CodeKit MCP

Published by GitHub account Mehmoodqureshi

Converts a Figma frame into HTML, React or Next.js code and pixel-diffs the rendered result against the design until it converges.

STDIODesktop only
Developer Tools3 toolsNov 7, 2026

figma-mcp

Published by GitHub account Mehmoodqureshi

Converts a Figma frame into deterministic HTML, React or Next.js code, then renders it in Chromium and pixel-diffs it against the design until it converges.

STDIODesktop only
Developer ToolsNot validated yetOct 24, 2026