📰 本日設計情報｜Figma MCP Server、Canva Magic Layers、Framer Shaders、Spline Omma — AI 設計工具最新動態

這兩天設計工具圈最大的訊號，是 AI 不再只是「輔助」，而是直接進入設計師的核心工作空間。Figma 正式開放 MCP Server 讓 AI Agent 直接在畫布上建立和修改設計檔案，這意味著設計與開發之間的界線又往前推了一大步。

與此同時，Canva 推出 Magic Layers 把 AI 生成的平面圖像拆解成可編輯的多層設計，Adobe 則讓 Photoshop AI 助理公測加入 AI Markup 手繪標記功能。Affinity 3.1 也迎來首次重大改版。

不只大廠在動——Framer 推出 Shaders 功能，讓網頁設計師能直接在畫布上加入動態漸層、粒子和影像特效；Spline 發表全新產品 Omma，一個用自然語言就能產出互動式網站和 3D 場景的 AI 創作畫布。

以下是今天的六則設計情報，從 AI 輔助修圖到互動式視覺設計，一起來看看各家工具的最新進展。

🔥 Figma 開放 AI Agent 進駐畫布設計——MCP Server 正式啟動 Beta

Figma 在 3 月 24 日正式宣布：AI Agent 現在可以直接在 Figma 畫布上進行設計操作。這不是外掛、不是截圖分析，而是透過 Figma MCP Server，讓 Claude Code、Cursor、Codex 等 AI 工具直接讀取你的設計系統，建立和修改 frame、component、variable 和 auto layout。

這件事的意義在於，設計和程式碼之間的雙向同步終於從概念變成了現實。開發者可以在 coding agent 裡直接生成符合設計規範的 UI，而設計師的 component library 就是 AI 的設計語言。Figma 還引入了「Skills」系統——用 Markdown 檔案就能定義 AI 在畫布上的行為規則，不需要寫任何程式碼。

目前 Beta 期間免費使用，但未來會轉為 usage-based 付費模式。對於已經在用 MCP 整合工作流的團隊來說，這是一個值得立即嘗試的功能。

📌 Canva Magic Layers 上線——AI 生圖終於可以拆層編輯了

Canva 在 3 月 11 日推出 Magic Layers，這是 Canva Research 團隊開發的新功能，能把任何平面圖像（包括 AI 生成的圖）轉換成多層可編輯設計。文字會被還原為可編輯的文字框，物件被拆分為獨立元素，背景則完整保留在最底層。

這解決了 AI 設計工具最大的痛點之一：AI 生成的圖片是「死的」，想改一個字、移動一個元素都得重新生成。Magic Layers 支援從 ChatGPT、Gemini、Canva AI 等任何工具生成的圖片，最適合用在圖形設計、插畫和風格化視覺上。

目前已在美國、英國、加拿大和澳洲公測，屬於 Canva 的進階 AI 功能，會消耗每月 AI 使用額度。這個功能對做社群素材的設計師來說特別實用——用 AI 快速生成視覺方向，再進 Canva 微調細節。

📌 Adobe Photoshop AI 助理公測——用自然語言和手繪標記指揮修圖

Adobe 在 3 月 10 日正式推出 Photoshop AI 助理的公開測試版，支援網頁版和行動版。使用者可以用自然語言描述想要的編輯效果——移除物件、更換背景、調整光線、修改色彩——AI 助理會自動執行或提供逐步引導。行動版還支援語音指令。

最值得注意的新功能是 AI Markup（同樣是 Beta）：你可以直接在圖片上手繪標記、加上文字提示，精確指定修改區域和效果。這比純文字 prompt 提供了更直覺的控制方式，特別適合需要精準局部編輯的場景。

Firefly Image Editor 也同步更新，整合了 Generative Fill、Generative Remove、Generative Expand、Generative Upscale 和 Remove Background 五大核心工具，並支援超過 25 種 AI 模型。付費用戶在 4 月 9 日前可享無限生成額度。

📌 Canva 旗下 Affinity 3.1 首次重大更新——免費專業設計工具再進化

3 月 18 日，Canva 發布了 Affinity 3.1——這是去年將 Affinity Photo、Designer、Publisher 整合為單一應用程式後的首次重大更新。Affinity 的核心功能維持免費，只有 AI 相關功能需要 Canva 訂閱。

這次更新帶來幾個實用的新工具：Live Tone Blend Group 能自動混合圖層色調，讓合成圖片的前景和背景色彩更自然融合；Tone Brush 是非破壞性繪圖工具，提供 Dodge/Burn、Blend、Inverse Blend 三種模式，邊繪製邊即時分析底層圖層。另外新增了像素選取轉曲線功能，以及淺色介面主題選項。

對設計師來說，Affinity 3.1 代表的是一個持續成長的免費替代方案。尤其在 Adobe 訂閱費用持續上漲的背景下，一套免費的專業級設計軟體保持穩定更新，值得持續關注。

📌 Framer 推出 Shaders——為網頁設計加入動態視覺特效引擎

Framer 在 3 月 24 日推出 Shaders 功能，讓設計師直接在網頁畫布上建立動態視覺特效——包括動畫漸層、粒子效果、影像濾鏡等。所有 Shader 都針對網頁效能做了最佳化，可以直接從 Insert Panel 拖放到專案中使用。

這件事的意義在於，網頁視覺特效不再需要寫 WebGL 或 GLSL 程式碼。Framer 把 Shader 包裝成可視化的設計元件，每一個 Shader 都像獨立工具一樣可以深度自訂。3 月 26 日又追加了 Chromatic Aberration Shader，提供 Radial、Swirl、Horizontal、Vertical 四種色散模式，能為圖片和介面元素增加獨特的視覺張力。

對做品牌官網和作品集的設計師來說，這是一個值得立即嘗試的功能——不用寫程式就能做出原本需要前端工程師才能實現的動態效果。搭配 Framer 同週推出的 Static Files 管理功能，網站的視覺豐富度和資源管理都提升了一個層次。

📌 Spline 發表 Omma——用自然語言打造互動式網站和 3D 場景的 AI 畫布

3D 設計工具 Spline 在 3 月 24 日正式發表全新產品 Omma（omma.build），這是一個 AI 驅動的創作畫布，讓使用者透過自然語言 prompt 就能生成互動式網站、3D 場景和動態設計。

Omma 的核心架構是多 AI Agent 平行運作——同時處理程式碼生成、3D 模型建構和圖像生成，而且所有產出都能在 Spline 的視覺編輯器裡繼續修改。這意味著它不只是一個「生成就丟」的 AI 工具，而是一條從 prompt 到成品的完整製作流程。

Spline 共同創辦人 Caroline Mack 表示：「設計師已經成為建造者⋯⋯透過 Omma，設計概念可以直接被發布為真實的互動式產品體驗。」Professional 方案月費 $29 美元，支援跨平台部署（Web、Mobile、XR）。對於想要快速產出互動式原型或 3D 視覺的設計師來說，這是繼 Spline 本體之後又一個值得關注的工具。