figma
Figma 設計平台整合：存取設計檔、擷取元件資訊、讀取設計 token，並將設計轉為程式碼，銜接設計與開發流程。
安裝
尚未加入官方市場時先執行
- 分類
- 設計
- GitHub
- figma/mcp-server-guide
適合用來
- 把選取的 Figma 框架轉成程式碼
- 把變數、元件與版面資料帶進開發環境
- 透過 Code Connect 重用專案裡的實際元件
- 直接在 Figma 畫布建立或修改框架、元件與自動版面
怎麼開始
- 在 Claude Code 執行 /plugin install figma@claude-plugins-official
- 依提示登入並連接 Figma MCP 伺服器
- 在 Figma 選取框架，請 Claude 依設計產生程式碼或擷取設計資訊
使用前須知
Starter 方案或付費方案的 View、Collab 席位每月最多 6 次工具呼叫；Dev 或 Full 席位有每分鐘速率限制。寫入畫布目前為 Beta 免費，未來將改為依用量計費。
以上由 AI 依據專案說明整理，實際用法請以官方文件為準。
同類工具
- adobe-for-creativity官方外掛 · 設計
使用 Adobe 的 AI 創意工具編輯圖片、自動化設計流程，涵蓋去背、向量化與專業修圖。
- canva官方外掛 · 設計
透過 Canva MCP 伺服器建立、編輯、審閱、調整尺寸並檢查 Canva 設計是否符合品牌規範。
- hyperframes官方外掛 · 設計
HeyGen 的 HyperFrames：以 HTML 撰寫並算繪影片，支援合成、GSAP 與執行期動畫、字幕、配音、音訊互動視覺效果，以及將網站錄製為影片。
- miro官方外掛 · 設計
安全存取 Miro 白板，讓 AI 讀取白板脈絡、建立圖表並產生程式碼，具備企業級安全性。
- runway-api官方外掛 · 設計
大規模影片生成：使用 Runway API 產生影片、圖片與音訊，適用於批次廣告活動、產品影片、多鏡頭故事與創意迭代。支援 seedance2、gen4.5、veo3、Nano Banana Pro 等模型。
出處 anthropics/claude-plugins-official · 更新於 2026年10月11日 · 版權屬原作者