2025 UXUI設計師必修 | AI Prototyping 互動設計心法
這門「AI Prototyping 互動設計心法」課程，專為設計師、PM、創業者與學生打造，帶你從0到1成為互動設計專家。課程內容涵蓋 Figma、Cursor、Lovable、ProtoPie、After Effect、Spline 等九大原型與AI工具，結合20個經典動態案例，讓你實戰學會設計到程式的完整流程。
我們不只教你怎麼畫原型，更強調如何用AI和最新工具，讓你的設計想法真正「動起來」。你會學到設計驗證、使用者測試、設計交付、AI輔助 prototyping，甚至進階到 Vibe Coding，讓設計師也能參與到程式實作，縮短設計到產品落地的距離。
無論你是剛入門的設計新手，還是想提升技能的產品人，都能在這門課中找到實用的心法與工具，快速掌握未來設計的核心競爭力！
📍 課程摘要？
🌟 認知篇：帶你認識互動原型在現代產品設計中的關鍵角色，了解設計師如何用原型快速驗證想法、溝通需求，讓設計更貼近用戶。
🌟 工具心法篇：解析業界最受歡迎的原型工具（如 Figma、Cursor、Lovable、ProtoPie 等），學會選擇適合自己的工具，打造高效設計流程。
🌟 實戰篇：透過真實案例與角色扮演，實際操作原型設計、互動動畫、AI輔助 prototyping，掌握從設計到程式的完整實踐方法。
🌟 策略篇：深入拆解原型在團隊協作、設計驗證、使用者測試中的應用策略，學會如何用原型提升溝通效率、加速產品落地。
🌟 實踐篇：獨家分享設計師如何將原型成果有效交付給開發團隊，並運用AI工具優化設計到程式的流程，讓你的設計真正「動起來」並快速上線。
📍 課程章節？
章節一：概念與原型設計的價值
- 為什麼要做原型？
- 原型在產品設計開發流程的角色
- 原型工具
- Prototyping 的價值與觀念
章節二：應用場景與原型類型
- 早期策略應用 Pitch Decks
- 概念驗證 Concept testing
- 設計探索 Design Jams
- 使用者測試 User Testing (UT)
- 設計交付 Design handoff
章節三：Basic prototyping 基礎原型的應用
- Headspace 如何運用動畫提升冥想體驗
- Airbnb經典案例 - 運用動畫提升互動體驗
- Liquid Glass液態玻璃動態效果
- 音樂應用的動態展示效果
- IOT 拖拉互動
- 液態模組與靈動島 (liquid effect with dynamic island)
章節四：Animated Prototype 進階動態原型
- 經典Instagram & Thread 心形動畫設計
- 卡片Liquid Glass液態玻璃動態效果
- Success state animation
- 按鈕 Morphing
- 3D 立體手機展示 - 3D crypto 成功頁面
章節五：Interactive Prototype 進階互動原型的實作
- 3D 卡片翻動
- 手機三軸視差效果
- 跨裝置傳輸體驗
- 卡片拖拉進階互動 drag card & re-arrange order
- 3D 立體手機展示
章節六：設計驗證與使用者測試
- 為什麼要做設計驗證？
- 設計驗證的流程階段
- 使用者研究的流程階段
- 設計驗證和原型概念
- 量化分析指標
章節七：設計交付與互動規範
- 與開發者的有效溝通：定義 Interaction Spec
- After Effect 中匯出 json
章節八：探索 AI 工具在 Prototyping 中的應用
- Prompt to prototype
- 傳統工作流與AI prototyping 的差異
- Figma Make, Bolt, Lovable
- 使用 Figma make 產生“對話式冥想”app
章節九：Vibe coding AI加速設計到程式的實踐
- 了解什麼是Vibe Coding
- 知道如何用自然語言生成程式碼
- 如何用Figma用MCP轉譯為程式碼
- 網站實作範例1: Figma MCP < > Cursor
- 網站實作範例2: Figma < > Lovable網站實作
- 網站實作範例3: Figma Make網站實作
- 網站實作範例4: 免費串連Figma < > Cursor 方式
📍 購買後我會獲得?
- 觀看4.5小時影片
- 20個由淺入深案例初始模板和完成版
- 20個案例製作完整demo
- 專屬私人社群
📍 誰適合上這門課程?
- 創業家與產品經理想用互動原型清楚展示產品概念，提升溝通效率、快速驗證想法。
- 資深設計師希望精進互動設計與動畫技能，提升團隊影響力與個人競爭力。
- 初階設計師想學會實用設計工具，讓作品更吸睛，強化職場競爭力。
- 自由接案設計師追求多元動態設計能力，提升專案品質與客戶滿意度。
- 產品設計團隊需要統一設計流程，提升團隊在互動原型與測試上的整體實力。
- UX設計師想深入用戶行為，強化動態原型設計與使用者測試能力。
- 互動設計學生希望建立完整互動設計技能，增強未來就業競爭力。
- 技術型創作者想結合設計與技術，打造創新互動體驗與數位產品。
📍 講師介紹
Liya Li 講師
🌟 深耕資訊科技產業超過十年，現任資深產品設計主管
🌟 擁有超過五年帶領設計團隊之管理經驗
🌟 曾將設計團隊從3人擴展到15人核心產品項目設計團隊
🌟 面試與諮詢過上百位設計師
😍 專精履歷健檢 | 行為面試指導 | 求職指導 | 作品集優化 | 職涯規劃
Rice Tseng 講師
🌟 擁有超過十年的產品設計與多年設計領導經驗
🌟 前跨國科技公司首席產品設計師，帶領整體 Grab 消費者端核心服務的體驗設計
🌟 面試與諮詢過上百位設計師
😍 帶領設計師找到職涯優勢 | 求職指導 | 作品集優化 | 面試技巧 | 設計測驗指導
📍 課程怎麼進行？
課程將於9/15在Gumroad平台上線，並以線上觀看的形式為主，搭配Discord線上社群。
📍 觀看次數
無限次數！無有效期限！
📍 請問提供發票明細收據、統編嗎?
目前購買指南尚無法提供收據以及統編，但在購買信件中可以申請 Invoice (付款通知)
📍 有任何問題可以寄信給我們喔。
你將會在9/15當天得到4.5小時完整影片，裡面包含「20個真實動態案例」、「九大原型與AI工具實戰」、「AI Prototyping與Vibe Coding能力」