2026 UI/UX 設計趨勢全解析：10 個正在改寫介面的方向
從 Generative UI 到 Liquid Glass，介面開始學會替使用者「想下一步」
設計師 Riven
資深數位產品設計師｜知名線上課程講師
Figma State Machines 實戰教學：做一張會互動的數據卡片
用 component variants 與 smart animate 組出三個狀態，再透過 LottieFiles 外掛匯出成 dotLottie。以 Heart Rate 類型為例的完整拆解
設計師 Riven
資深數位產品設計師｜知名線上課程講師
Figma State Machines 完整介紹：原型流程一鍵變成可互動的 dotLottie 檔
LottieFiles 把設計師最大的交付痛點解決了——你在 Figma 接好的互動，現在能直接在 web、iOS、Android 上跑
設計師 Riven
資深數位產品設計師｜知名線上課程講師
Figma Make 新功能介紹：Make kits 與 Make attachments 完整解析
把設計系統與真實檔案直接餵給 AI，原型從第一版就貼近你的產品
設計師 Riven
資深數位產品設計師｜知名線上課程講師
Figma Weave 是什麼？把生成 AI 拉進節點畫布的下一代設計工具
從一個 prompt 到一整套品牌素材，Figma 用節點工作流改寫了 AI 設計的玩法
設計師 Riven
資深數位產品設計師｜知名線上課程講師
Don't Make Me Think 設計書推薦：每位設計師都該讀的易用性經典
Steve Krug 的三大易用性法則，教你設計出使用者不需要思考的介面
設計師 Riven
資深數位產品設計師｜知名線上課程講師
Lovable 完整介紹：不再只做 App，試算表、簡報、資料分析、影片全部包進來了
從 no-code app builder 到全方位 AI 工作平台，Lovable 2026 年 3 月重大更新解析
設計師 Riven
資深數位產品設計師｜知名線上課程講師
Figma 開放 AI Agent 直接操作畫布：use_figma 工具與 Skills 技能系統完整介紹
從今天起，Claude Code、Codex 等 AI Agent 可以在你的 Figma 檔案裡建立元件、套用 Design System——設計師的角色正在改變
設計師 Riven
資深數位產品設計師｜知名線上課程講師
Figma Make 完整教學：從 Prompt 到可互動原型的實戰指南
AI 驅動的 prompt-to-app 工具，讓設計師用文字描述就能生成高保真互動原型
設計師 Riven
資深數位產品設計師｜知名線上課程講師