工具連接（MCP）
Framelink MCP for Figma
讓 AI 讀取 Figma 設計中的佈局和樣式，輔助寫出對應界面。
內容介紹
少裝一點整理 · 依據項目公開文件
將 Figma 設計交給 AI 寫界面時，這個工具可以提供佈局和樣式資訊，而不只是讓 AI 看截圖猜測。適合需要把設計稿實現為網頁的開發者，可把文件、畫面或分組連結交給支持 MCP 的編程助手。它由社區維護，使用前需要配置 Figma 存取令牌，也就是允許工具讀取設計文件的授權憑據；實現效果仍需要對照設計檢查。
開始使用
接入條件尚未核對，請查看項目安裝說明。
查看安裝與使用說明 ↗依據公開文件整理，未逐一安裝實測。
可以怎麼用
- 讀取設計中的佈局和樣式資訊
- 通過 Figma 連結提供界面設計上下文
- 接入前配置設計文件的存取授權
官方項目與文件
專案說明譯文
向 Cursor 等 AI 編程助手提供 Figma 佈局資訊的 MCP 伺服器
用途相近的外掛
優先匹配當前外掛的主要用途，再參考共同用途和收藏數；接入方法可能不同。
- AntV MCP Server Chart — 讓 AI 把資料畫成折線圖、柱狀圖或流程圖，方便理解和展示。
- REA — Reverse Engineer Anything — 讓 AI 調查一個軟體的功能怎樣實現，並給出可核對的程式碼和執行證據。
- Graphify — 把程式碼和文件的關聯整理成圖，幫助 AI 找到相關上下文。