Figma正式宣佈推出其 Dev Mode MCP（Model Context Protocol）服務器的Beta版，標誌着設計與開發工作流的進一步融合。這一服務通過標準化協議將Figma的設計數據直接傳遞給AI編碼工具，顯著提升了從設計到代碼的轉換效率與準確性。

image.png

Dev Mode MCP 服務正式上線

Figma的Dev Mode MCP服務器現已進入Beta測試階段，支持與多種AI編碼工具無縫集成，包括VS Code with Copilot、Cursor、Windsurf以及Claude Code等。用戶只需在Figma桌面應用的“偏好設置”中啓用Dev Mode MCP服務器，並在支持MCP的開發環境中輸入相應的URL，即可實現設計數據的實時傳遞。這一服務允許AI工具直接訪問Figma的設計上下文，如組件、變量、樣式、間距和顏色等，消除傳統設計到代碼轉換中的手動步驟和誤差。

據Figma官方博客介紹，MCP服務器目前僅對持有Dev或Full Seat許可的用戶開放，未來計劃推出遠程服務器功能和更深入的代碼庫集成，進一步擴展其應用場景。

MCP:設計與開發的“通用接口”

Model Context Protocol（MCP）被譽爲AI應用的“USB-C接口”，由Anthropic開發並開源，旨在標準化AI模型與外部工具、數據源的交互方式。Figma的官方MCP服務器利用這一協議，將設計文件中的結構化數據(如佈局、設計令牌、組件名稱)直接提供給AI編碼助手，使其能夠生成更精準的代碼。相比依賴視覺猜測的傳統方法，MCP顯著提高了代碼輸出的保真度和一致性。

社交媒體上，開發者對Figma的官方MCP服務表示高度期待，認爲其相較於此前社區提供的非官方MCP解決方案更加穩定且功能更豐富。許多用戶指出，Figma的原生支持將推動設計系統與開發環境的深度融合，尤其在需要快速迭代的初創企業和大型團隊中。

與Figma Make的協同效應

Figma的MCP服務與近期上線的Figma Make平臺形成互補。Figma Make允許用戶通過自然語言提示生成交互式UI和原型，而MCP則專注於將設計數據傳遞給開發工具。兩者結合，爲產品團隊提供了一套從快速原型設計到生產級代碼的完整工作流。例如，開發者可通過Figma Make創建初始UI，再利用MCP服務器將設計細節轉化爲React、SwiftUI或Jetpack Compose等代碼格式。

有評論指出，Figma此舉是對Adobe、Canva以及WordPress、Wix等AI驅動設計與開發平臺的直接挑戰。MCP的推出進一步鞏固了Figma在設計-開發協作領域的領先地位。

Figma官方MCP服務的推出標誌着AI在設計與開發協作中的角色進一步深化。社交媒體反饋顯示，開發者對MCP的易用性和穩定性評價較高，尤其是在與Cursor和VS Code的集成中，顯著減少了設計到代碼的手動工作量。然而，Beta版目前仍存在侷限，例如僅限本地服務器運行，且對非Full Seat用戶暫不開放。

隨着Figma計劃在未來數月推出遠程服務器功能和更深入的代碼庫集成，MCP有望成爲設計與開發協作的標準工具。AIbase認爲，這一服務不僅降低了開發者的技術門檻，還爲跨職能團隊協作提供了新可能，將進一步推動AI驅動的數字化產品開發。

官方介紹：https://www.figma.com/blog/introducing-figmas-dev-mode-mcp-server/