FigmaMCP

io.github.MrCoder由 GitHub 帳號 MrCoder 發布v0.1.10更新於 Nov 13, 2026

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

發布方自己的服務：Figma MCP Server

已驗證STDIO僅桌面開發者工具媒體與設計

服務詳細資訊

識別碼: io.github.MrCoder/figmamcp
傳輸: STDIO
執行環境: Desktop only
信任: Verified
發布於: Nov 13, 2026

安全提示

MCP 服務會接收對話中的工具呼叫請求，並可能執行外部操作。啟用前請先了解該服務能做什麼，並只授予它所需的權限。

註冊中心已驗證此條目所屬的 GitHub 帳號 MrCoder。這並不表明該帳號就是產品方。

SourceWeft 的檢查只涵蓋條目是否完整、端點是否回應；不審查伺服器的程式碼，也不審查其工具的行為。

在 README 中新增徽章

向讀者展示該 MCP 服務已收錄於 SourceWeft，徽章連結到本頁。

[![Listed on SourceWeft](https://sourceweft.com/badge/mcp/io.github.MrCoder%2Ffigmamcp.svg)](https://sourceweft.com/mcp/io.github.MrCoder%2Ffigmamcp?utm_source=readme&utm_medium=badge)

概覽

AI 產生的概覽

一個本機 Mac MCP 伺服器，透過 Figma 外掛讓 Claude Code 或 Codex 讀取並編輯你目前開啟的 Figma 檔案。

可以做什麼: 讀取頁面、節點、元件、樣式、變數、標註與互動資訊，並匯出節點視覺圖
建立畫框、文字、形狀、SVG、元件、元件集與實例
編輯節點：填色、描邊、效果、圓角、自動版面、變形、重新命名、複製、群組、刪除，以及文字內容與樣式
管理設計系統：樣式、變數、變數綁定、套用樣式、元件屬性與實例覆寫
適用情境: 適合在 Claude Code 或 Codex 中工作、希望助理直接檢視或修改 Figma 桌面應用程式中設計稿的情況，不需要 API 權杖，也沒有呼叫配額。
執行需求: 僅支援 macOS（尚未支援 Windows 與 Linux），需要 Figma 桌面應用程式、Claude Code 或 Codex，以及免費的 FigmaMCP Mac 應用程式；該應用程式會安裝 Figma 外掛並連接本機 MCP 伺服器。不需要 Figma API 權杖。

安裝前請注意

助理可以建立、修改與刪除你開啟檔案中的圖層，外掛內的開關可將其設為唯讀。每次編輯都必須指定確切的圖層，批次編輯中只要有一項無效就整體不生效。此應用程式是第三方軟體的分支，與 Figma 公司無關。回報問題時請勿附上私人設計檔案或機密資訊。

安裝

在 SourceWeft 中

開啟儀表板中的 FigmaMCP，將其新增到工作區。
為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照儲存庫中的啟動說明。

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

Download and open the app. It checks for Figma, Claude Code and Codex.
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.
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

Area	Tools
Read	`page_info`, `node_info`, `node_export_visual`, `component_list`, `style_list`, `variable_list`, `annotation_list`, `reaction_list`
Create	`create_frame`, `create_text`, `create_shape`, `create_svg`, `create_component`, `create_component_set`, `create_instance`
Edit	`node_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 system	`style_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.

來源：README.md，提交 d135657