我去,大事悄然發生了,Figma 推出官方 MCP 服務
- 采用 SEE 模式免除繁瑣配置
- 能比非官方的 MCP 獲取更多詳細設計稿信息和素材
下面是詳細介紹和使用方法
官方的 MCP 會傳輸下面這些信息:
通過提供組件、變量、樣式等元數據,減少 LLM 的搜索和推理負擔,提高代碼生成的準確性和效率。
用高層次的設計截圖補充元數據,幫助 LLM 理解整體結構、頁面流轉和響應式布局等。
供偽代碼或實際代碼示例,描述設計中定義的交互行為。
設計中的文本、SVG、圖片、圖層名、注釋等內容也會被提取,幫助 LLM 理解界面數據模型和填充邏輯。
如何使用:
1. 更新 Figma 客戶端到最新版
2. 在左上角,打開 Figma 菜單,Preferences-Enable Dev Mode MCP Server
3. 固定的 MCP 地址是 http://127.0.0.1:3845/sse
4. 正常在 Cursor 或者 Chatwise 中設置 MCP
5. 直接在 Figma 中選擇一個頁面或者復制畫板鏈接給軟件讓他實現
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.