🚀 不再只畫「靜態圖」!設計師的工程語感實踐營
—— 從 UI 到 Web App,用 AI 打造「真的會動」的作品集
你是否曾被工程師說「這設計資料接不起來」?或是空有創意,卻被困在 Figma 的點擊跳轉(Prototype)裡,做不出真實的互動感?
在 AI 時代,設計師不一定要會寫代碼,但必須具備 「工程語感」。我們不學枯燥語法,而是教你如何指揮 AI,把你的設計圖變成「真的能打字、能搜尋、能抓資料」的 Web App。
別擔心,我們會帶你從打開終端機(Terminal)的第一行指令開始,踏入開發者的世界!
利用 Google Antigravity 親手做出「真的會動」的原型,告別工程溝通障礙,讓設計更具實踐力!
設計師的 AI 超能力 - 零程式碼也能做出會動的產品原型
📅 工作坊時間
2026 / 1 / 25 (日) 14:00-17:00 (13:55 開始入場)
📌 工作坊形式
此為跨職能技能培訓系列/中文講解工作坊
- 課程安排: 觀念講解 50% + 實作練習 50%
- 課程形式: 線上 Google Meet
- 課程人數: 滿 8 人開班,最多 20 人
🤩 工作坊亮點
- 50% 觀念引導:用「廚房與服務生」比喻搞懂前後端與 API,跟工程師在同個頻道對話。
- 50% AI 實作:使用 Google Antigravity / Cursor,親手從空白資料夾建立出專案。
- 零門檻起步:不需開發經驗,我們會提供「咒語秘笈 (Cheat Sheet)」,複製貼上就能跑。
🛎 活動流程
1.【心法】服務生理論 (25 min)
用生活例子拆解前後端邏輯。
理解「資料」如何變成「設計組件」。
2.【觀察】解構 JSON 血液 (20 min)
打開瀏覽器後台,親眼看見資料的長相。
練習「連連看」:將 API 資料映射到 UI 介面。
3.【啟動】終端機儀式感 (35 min)
新手挑戰:打開黑視窗,輸入第一行啟動專案的指令。
Vibe Coding:指揮 AI 幫你配置好 Tailwind CSS 與專業元件庫。
= 中場休息 10 mins =
4.【實作】讓 AI 幫你寫功能 (50 min)
設計稿轉代碼**:上傳截圖,讓 AI 還原你的設計。
真實資料串接**:串接公開 API,實作「真的能動」的應用。
細節優化**:處理 Loading 轉圈圈與文字過長等實務細節。
5.【診斷】Debug 與成果交流 (20 min)
學會如何把報錯貼給 AI 修復,掌握解決問題的邏輯。
👉🏻 在這場工作坊中,你將帶走:
- 動態作品:一個真正串接 API 資料、可展示的功能原型。
- AI 指令清單:設計師專用的「咒語秘笈」,課後也能獨立開發。
- 溝通底氣:理解 Loading、CORS、JSON 等術語,不再被工程師輕易打槍。
👩🏻💻 適合什麼樣的人參加
- 想增加競爭力的準設計師:在面試時展示「會動的網站」而非只是圖片。
- 對技術有好奇心的 UI/UX 師:想嘗試「一人公司」或獨立開發 Side Project。
- 不懼怕挑戰的人:願意嘗試打開終端機,體驗從 0 到 1 建立專案的快感。
🤝 報名須知(門檻限制)
「不需要」任何程式基礎,但請具備:
- 硬體準備:需使用電腦並預先安裝好 Antigravity 與 Node.js(課前會提供 3 分鐘安裝指南)。
- 開放心態:我們會帶你輸入幾行指令,這很酷,請不要對它感到恐懼!
- 基礎認知:知道 Figma 組件(Component)的概念。
📣 參加方式
非會員請由 Accupass 完成購票報名,UXY 會員經認證後可享有報名折扣
🎫 購票資訊
- 早鳥 $1,299
- 一般票 $1,699
- 雙人團報 每人 $1,099
- UXY 會員享有折扣 5 位,最少 8 人開班
- 🔗成為UXY會員或升級會員
- UXY 深修者可使用免費名額
‼️ 提醒事項
- 🎥 工作坊會錄影,上課後 30 天內看回播複習。
- 本活動委託 ACCUPASS 代為處理退款,詳見平台 FAQ
關於講者
邱棚楷 Albert
Sr. Frontend Engineer @ XY Finance 10 年開發經驗|跨平台技術專家|Linkedin
多維度開發背景: 從 iOS 原生開發橫跨至現代 Web 與 React Native 移動端開發,具備全方位的跨端解決方案思維。
企業級技術分享: 曾受邀於公司內部主導 Expo Updates 技術導入分享,專精於利用 OTA 技術優化 App 發佈流程。具備將深奧的自動化部署邏輯轉化為實踐指南的教學能力。
實戰導向教學: 擁有豐富的 Freelance 專案交接與教育訓練經驗,能精準拆解複雜專案,協助開發者快速上手核心架構。
關於 UXY
UXY 是一個設計職涯加速器,專注於幫助轉職的自學設計師建立 UX 設計思維,並為軟體新創公司提供彈性的遠端設計支援服務。我們提供線上學習工作坊,並與業界設計導師和企業合作夥伴共同協作,協助設計師成長、創造科技職涯和理想生活,同時也幫助新創企業在設計上解決挑戰並加速發展。
加入成為 UXY 會員方案「探險家 & 深修者」兩種方案給想要持續學習的你
會員專享每月業師交流、季度技能工作坊、線上讀書會等等,歡迎加入 了解 UXY 會員方案!
你有在接案嗎?歡迎至 UXY Linkedin 了解更多!
有任何問題請加入 UXY Discord 社群,我們會盡快回覆你。
追蹤最新動態:Instagram|Linkedin|Facebook|Medium


