cursor-talk-to-figma-mcp：一個讓 AI 代理程式化讀取與修改 Figma 設計的 MCP 整合

它解決了什麼問題

此專案在 AI 代理（如 Cursor 或 Claude Code）與 Figma 之間建立橋樑，使這些代理能以程式方式讀取、修改與自動化設計檔案。它透過讓 AI 直接與設計畫布互動，消除將設計需求手動轉換為 Figma 變更的繁瑣工作。

工作原理

系統使用 Model Context Protocol（MCP）將 AI 代理連接到 Figma 外掛。通信透過一個 WebSocket 伺服器進行中繼，該伺服器在 MCP 伺服器（代理使用）與 Figma 外掛（位於設計工具內）之間傳遞訊息。

目標使用者

使用 AI 驅動 IDE（如 Cursor）的設計師與開發者，想要自動化重複性的設計任務、管理大量內容更新，或將原型流程轉換為視覺圖表。

重點特色

• 完整的設計工具集：提供讀取文件資訊、管理選取、建立框架、矩形與文字，以及修改自動佈局與間距等版面屬性的工具。
• 設計自動化：支援批次文字替換以及在多個目標間傳播元件實例的覆寫。
• 原型視覺化：能將 Figma 原型的互動反應轉換為 FigJam 連接線，以更好地呈現流程圖。
• 註解管理：包含掃描節點並以支援 markdown 的方式建立或更新原生 Figma 註解的工具。
• 匯出功能：允許將節點匯出為圖像（PNG、JPG、SVG 或 PDF）。