本站由 Manus 全自動生成，並部署於 Cloudways 雲端主機，點擊連結即可免費試用。
設計工具龍頭 Figma 與 AI 巨頭 Anthropic 在 2026 年 2 月宣布達成合作，正式推出 Code to Canvas 功能。這項更新利用 Figma 的模型上下文協議（MCP），允許用戶將 Claude Code 生成的網頁介面直接轉換為 Figma 中可編輯的設計圖層，打破了長期以來「代碼」與「設計稿」之間的技術壁壘。
技術突破：Claude 與 Figma 的無縫接軌
Code to Canvas 的核心魅力，在於極簡的操作流程。在 Claude Code 環境中，開發者只需輸入「Send this to Figma」指令，AI 就會將瀏覽器渲染出的介面結構化，並轉換成 Figma 原生的設計圖層、元件與屬性。這意味著設計師、工程師與 PM 能在同一個產出物上進行協作，無需手動重新繪製介面，大幅提升產品原型迭代的速度。
協作升級：雙向工作流與開發環境聯動
這次更新，支援「設計優先」與「代碼優先」兩種工作模式。除了能從代碼生成設計稿，Figma 的 MCP 伺服器還能透過連結，將工作內容引導回編碼環境，實現設計與開發的閉環。這種聯動力讓團隊能更輕易地並排比較不同版本，捕捉設計與實作間的不一致，並在無需重寫代碼的情況下快速探索多種視覺方案。
阿力的觀點：角色模糊化的時代來臨
長期以來，設計師與工程師之間的「溝通成本」，一直是產品開發的最大痛點。阿力認為，Code to Canvas 的出現，標誌著數位產品開發已進入「語義統一」的階段。未來的開發者將不再受困於瑣碎的規格校對，而能像指揮家般專注於創意協調，讓 AI 工具如管弦樂團般交織出令人滿意的作品。
新聞資料來源
https://alternativeto.net/news/2026/2/meta-owned-manus-ai-platform-adds-telegram-support-for-running-full-agents-tasks-in-chats/
https://www.figma.com/blog/introducing-claude-code-to-figma/