grab/cursor-talk-to-figma-mcp

解決的問題

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

運作方式

系統使用 Model Context Protocol (MCP) 將 AI 代理與 Figma 插件連接。WebSocket 伺服器作為中介，實作 AI 代理使用的 MCP 伺服器與在 Figma 環境中執行命令的 Figma 插件之間的即時通訊。

適用對象

使用 Cursor 等 AI 驅動的 IDE 的設計師與開發者，希望自動化重複性設計任務、管理元件覆蓋，或將原型流程轉換為視覺化連接線的人。

主要特色

• 全面的設計控制：提供建立、移動、調整大小與刪除框架、矩形與文字節點的工具。
• 自動文字管理：可掃描文字節點並執行批量文字內容替換。
• 元件智慧：提供從元件實例中提取並套用覆蓋的工具，以維持設計的一致性。
• 佈局自動化：可程式化控制 Auto Layout 設定，包含內邊距、對齊與間距。
• 原型可視化：可將原型反應轉換為 FigJam 連接線，以更佳地進行流程映射。
• 註解支援：提供建立與更新原生 Figma 註解的工具，並支援 Markdown。