Figma React
io.github.MananSingh2001由 GitHub 帳號 MananSingh2001 發布v1.0.3更新於 Oct 24, 2026
An MCP server that converts Figma designs into React code.
發布方自己的服務：Figma MCP Server
概覽
一個將 Figma 設計轉換為 React 程式碼的本機 MCP 伺服器，讓助理把設計稿轉成 React 元件。
- 可以做什麼
- 將 Figma 設計轉換為 React 程式碼，讓助理把設計稿轉成 React 元件，而不必手寫標記與樣式。未公布工具清單，因此無法從提供的資料確認具體操作與輸入。
- 適用情境
- 適合以 Figma 設計稿為起點、希望助理據此產生 React 程式碼的情境，例如先依設計稿建立元件骨架，再人工調整。
- 執行需求
- 以本機程序在使用者機器上執行，透過 stdio 從 npm 套件 @manansiingh/figma-react-mcp-server 安裝，需要 Node.js 與 npm。僅支援桌面端，沒有網頁版。未宣告驗證、環境變數或標頭。
安裝
在 SourceWeft 中
- 開啟 儀表板中的 Figma React，將其新增到工作區。
- 為需要使用其工具的對話啟用該服務。
Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。
其他 MCP 客戶端
參照 儲存庫 中的啟動說明。
README
該儲存庫沒有 README。
工具
0版本歷史
1- v1.0.3最新Sep 16, 2026
評分
已滿足適用檢查項的 25%
該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。
- 近 30 天內可連通25 分
請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。
- 已宣告認證方式10 分
請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。
- 已列出工具15 分
請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。
- 描述必需15 分
- 圖示10 分
- 文件15 分
請宣告包含 README 的 GitHub 儲存庫，或在 OAuth 受保護資源後設資料中提供 resource_documentation。
- 授權條款10 分
請在儲存庫或註冊中心條目中宣告授權條款。
其他 Figma 整合
Figma MCP Server
com.figma.mcp官方發布者
Figma 官方遠端 MCP 伺服器，為 AI 程式助理提供 Figma 設計脈絡，用來產生與更新程式碼。
Figma Vector MCP
由 GitHub 帳號 workingmodel 發布
本機 MCP 伺服器加 Figma 外掛，讓助理在 Figma 畫布上建立與編輯可完整編輯的向量節點、形狀、文字與元件。
Figma CodeKit MCP
由 GitHub 帳號 Mehmoodqureshi 發布
把 Figma 畫框轉換成 HTML、React 或 Next.js 程式碼，並將渲染結果與設計稿做像素比對，反覆迭代直到收斂。
figma-mcp
由 GitHub 帳號 Mehmoodqureshi 發布
把 Figma 畫框確定性地轉成 HTML、React 或 Next.js 程式碼，在 Chromium 中算繪並與設計稿做像素比對，直到一致。
figma-vault
由 GitHub 帳號 NBhey 發布
本機 MCP 伺服器，讓助理讀取一次性拉取到本機儲存庫的 Figma 設計，可離線使用，不需 Figma 權杖，也不受速率限制。