📰 本日設計情報|Figma AI Agent 操作畫布、Spline Omma、Framer Shaders — AI 設計工具與設計軟體最新動態

Figma AI Agent 直接操作畫布、Spline Omma 用自然語言打造互動體驗、Framer Shaders 拖拉即用的動態特效、Canva Magic Layers 靜態圖片一鍵分層。

Figma AI Agent 直接在畫布上建立設計資產

設計工具的 AI 化,已經從「能不能用 AI」走到「AI 能不能直接動手設計」的階段。今天最值得關注的,是 Figma 正式讓 AI Agent 直接操作畫布——不只是建議,而是真正建立元件、修改設計檔案,這是一個根本性的轉變。

與此同時,Spline 推出了全新 AI 創作平台 Omma,用自然語言就能在幾分鐘內完成過去需要數週的互動設計。當設計師的工作從「怎麼做」轉變成「要做什麼」,工具之間的競爭也跟著重新洗牌。

另外,Framer 為網頁設計師帶來了 Shader 視覺特效系統,而 Canva 的 Magic Layers 則讓靜態圖片一鍵變成可編輯的分層設計。這四個更新分別代表了 AI 設計工具的四個方向:Agent 自動化、自然語言生成、視覺表現力升級、以及 AI 輔助編輯。

以下是今天的完整報導,來看看哪些更新最值得你留意。


🔥 Figma 開放 AI Agent 直接操作畫布,設計自動化進入新紀元

Figma 在 3 月 24 日正式宣布,AI Agent 現在可以直接在 Figma 畫布上建立和修改設計資產。透過全新的 MCP Server,Claude Code、Cursor、Copilot、VS Code 等開發工具中的 AI 代理,能夠讀取你的元件庫、變數和 Design Token,然後直接在檔案中建立真正的設計結構——Frame、元件、變體、Auto Layout,一應俱全。

這不是產出截圖或靜態匯出,而是 AI 真正「動手」在你的設計檔案裡工作。更厲害的是 Skills 機制:團隊可以透過 Markdown 檔案定義設計規範和決策脈絡,讓 AI Agent 理解你的設計系統邏輯,產出符合團隊標準的設計。

目前 Beta 期間免費使用,未來將轉為用量計費模式。這意味著 Figma 不只是設計工具,正在成為一個設計 Agent 的作業系統。對設計師來說,與其擔心被取代,更值得思考的是如何善用這些 Agent 來提升效率。

Figma AI Agent 直接在畫布上建立設計資產
閱讀原文 — Figma Blog →
📖
Figma 全攻略課程
線上課程
🎓
AI 設計覺醒訂閱方案
訂閱制

📌 Spline 推出 Omma:用自然語言打造互動體驗的 AI 創作平台

3D 設計工具 Spline 在 3 月 24 日發布了全新產品 Omma——一個 AI 創作畫布,讓使用者用自然語言描述想要的內容,Omma 就能在幾分鐘內建構出來。支援 3D 場景、網站、遊戲、App 介面和簡報,幾乎涵蓋所有互動數位體驗。

Omma 的技術架構相當有意思:多個 AI Agent 並行運作,同時處理程式碼生成、3D 模型建構、圖片生成和資料處理。它還能吃進 CSV、JSON、GLB、OBJ、PNG、SVG、MP4 等多種格式,讓創作者用真實數據驅動設計。

結合 Spline 既有的視覺編輯器,所有 AI 生成的內容都保持可編輯狀態。Professional 方案每月 $29 起,另有 Enterprise 方案可選。Spline 現在旗下有三個產品線:Hana(2D 動態設計)、Spline(即時 3D)、Omma(AI 生成體驗),全都在瀏覽器中運行。超過 300 萬設計師正在使用這個平台。

Spline Omma AI 創作平台介面
閱讀原文 — Omma by Spline →
🎓
AI 設計覺醒訂閱方案
訂閱制
📖
Figma 全攻略課程
線上課程

📌 Framer 推出 Shader 視覺特效系統,拖拉即用的動態效果

Framer 在 3 月 24 日推出了全新的 Shader 功能,讓網頁設計師可以輕鬆加入動態漸層、粒子效果、圖片濾鏡等視覺特效。操作方式非常直覺——在 Insert Panel 中瀏覽可用的 Shader,拖拉到專案中就能使用,完全不需要寫程式。

緊接著在 3 月 26 日,Framer 又追加了 Chromatic Aberration(色差效果)Shader,提供 Radial、Swirl、Horizontal、Vertical 四種模式,可以為圖片素材加上色彩扭曲效果。這類效果過去通常需要 WebGL 或 Three.js 才能實現,現在設計師幾秒鐘就能搞定。

另外值得一提的是 3 月 23 日上線的 Static Files 功能,讓使用者可以在 Framer 網域的任意路徑放置靜態檔案,適合驗證流程、manifest 設定等需求。搭配 3 月 18 日的 Analytics 自訂 A/B 測試比例分配,Framer 這個月的更新密度相當高。

Framer Shaders 視覺特效系統
閱讀原文 — Framer Updates →
📖
Figma 全攻略課程
線上課程
🎓
自媒體設計學
線上課程

📌 Canva Magic Layers:靜態圖片一鍵變成可編輯的分層設計

Canva 在 3 月 11 日推出了 Magic Layers 功能,這是基於 Canva 自研的 Design Model 打造的新工具。它能將一張扁平的靜態圖片(PNG 或 JPG)智慧拆解成多個可編輯圖層——文字會還原為可編輯的文字方塊,物件會被辨識為獨立元素,背景也會乾淨地與前景分離。

這個功能最實用的場景是:當你收到一張設計圖但沒有原始檔,過去只能重新製作,現在 Magic Layers 幾秒鐘就能還原出可編輯的分層結構。對於需要快速修改社群素材、廣告圖片的行銷團隊來說,這是很實際的效率提升。

目前 Magic Layers 以公測形式在美國、英國、加拿大和澳洲推出,支援單頁 PNG 和 JPG 格式。作為 Premium AI 功能,使用次數會計入每月 AI 用量額度。Canva 的 Design Model 是業界第一個專門為「設計」訓練的 AI 模型,理解排版結構、圖層邏輯和品牌一致性,這讓它產出的結果比通用 AI 模型更精準。

Canva Magic Layers 將靜態圖片轉換為可編輯分層設計
閱讀原文 — Canva Newsroom →
📖
Canva 全攻略課程
線上課程
🎓
AI 設計覺醒訂閱方案
訂閱制

📰 每日設計情報
每天 3 分鐘,掌握 AI 設計工具最新動態
免費訂閱 →

Subscribe to RAR 每日設計情報

Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe