logo
  • 台北
  • 台中
  • 高雄
  • 新加坡
event-banner
event-banner
線上活動學習

設計師的 AI 超能力 - 零程式碼也能做出會動的產品原型

868
8
avatar
UXY 由思創新
2026.01.25 (Sun) 14:00 - 17:00 (GMT+8)加入行事曆

此活動為線上活動,購票後可於票券頁進入直播連結

Google meet

相關連結

UXY LinkedIn

線上活動

此為線上活動,不受地點限制,輕鬆享受活動樂趣!

Google meet

  • vibe coding
  • google antigravity
  • uiux
讓設計師在 180 分鐘內,利用 AI 工具與前後端基礎知識,從零到有開發出一個「能接取真實資料」的 Web 元件。
讓設計師在 180 分鐘內,利用 AI 工具與前後端基礎知識,從零到有開發出一個「能接取真實資料」的 Web 元件。

線上活動

此為線上活動,不受地點限制,輕鬆享受活動樂趣!

Google meet

活動簡介

🚀 不再只畫「靜態圖」!設計師的工程語感實踐營

—— 從 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

 

主辦
喜歡
立即報名
avatar

UXY 由思創新

設計師的 AI 超能力 - 零程式碼也能做出會動的產品原型

2026.01.25 (Sun) 14:00 - 17:00 (GMT+8)

立即報名

活動嘉賓

Albert
Albert

舉辦活動

  • 常見問題
  • 首次舉辦活動
  • 活動上架規範
  • 活動人社群

主辦百寶箱

  • 生活誌
  • 平台基礎服務
  • 線上活動相關
  • 廣告曝光方案
  • ACCUPAI 雲攝影

認識我們

  • 加入我們

客服中心

  • Email: service@accupass.com
  • 週一至週五 10:00-18:30
  • 詢問小幫手

關於我們

facebook
line
blog
youtube

下載 ACCUPASS App

download-google-playdownload-ios

語言

繁體中文
盈科泛利股份有限公司 © Accuvally Inc. All Rights Reserved. 統一編號 Tax ID number 25023938
loading