AI 一小時做完電商頁面,UI/UX 設計師拆解它差在哪裡
4.7K views · 2026-08-17
UI DesignInteraction & UX
成品網頁
taonydesign.com/flashsale
免費設計電子報(AI 時代的設計師生存指南)
https://taonydesign.beehiiv.com
Threads 追蹤我
https://www.threads.com/@uiux.taony
我用 AI 從零做了一個電商頁面,它一小時做完、每項檢查都合格
但合格不等於好,這支影片拆解從「及格」到「好」中間的四層判斷,你會看到 UIUX 設計師實際怎麼思考、怎麼工作
可以拿走的四個判斷點:
1.產品真相怎麼給:動工前先告訴 AI 使用者是誰、想完成什麼、做了什麼會扣分
2.方向都不對怎麼辦:不硬挑,用一句話描述範圍讓它重來
3.它說做完了怎麼判:提交修改不只寫改什麼,要寫為什麼
4.什麼時候自己動手:沒有設計系統的專案,改兩輪還不對就進 Figma,改完用留言把意圖釘在稿上
—
本集使用:Claude Code+impeccable skill+Figma
※ 影片中的「帶上山」為教學示範用 demo 專案,品牌、見證與銷售數據皆為模擬
—
影片章節
00:00 AI 一小時做完,但只是及格
00:47 在 AI 動工之前,要做什麼
02:18 第一輪 Round 1 設計
04:25 Round 1 成果分析
06:32 如何整理修改意見,回饋 AI
07:32 為什麼要用 Figma 調整設計
09:25 最終成果分析
11:10 三個版本網頁設計對比
#uiux #claudecode #ai #網頁設計 #ai設計
taonydesign.com/flashsale
免費設計電子報(AI 時代的設計師生存指南)
https://taonydesign.beehiiv.com
Threads 追蹤我
https://www.threads.com/@uiux.taony
我用 AI 從零做了一個電商頁面,它一小時做完、每項檢查都合格
但合格不等於好,這支影片拆解從「及格」到「好」中間的四層判斷,你會看到 UIUX 設計師實際怎麼思考、怎麼工作
可以拿走的四個判斷點:
1.產品真相怎麼給:動工前先告訴 AI 使用者是誰、想完成什麼、做了什麼會扣分
2.方向都不對怎麼辦:不硬挑,用一句話描述範圍讓它重來
3.它說做完了怎麼判:提交修改不只寫改什麼,要寫為什麼
4.什麼時候自己動手:沒有設計系統的專案,改兩輪還不對就進 Figma,改完用留言把意圖釘在稿上
—
本集使用:Claude Code+impeccable skill+Figma
※ 影片中的「帶上山」為教學示範用 demo 專案,品牌、見證與銷售數據皆為模擬
—
影片章節
00:00 AI 一小時做完,但只是及格
00:47 在 AI 動工之前,要做什麼
02:18 第一輪 Round 1 設計
04:25 Round 1 成果分析
06:32 如何整理修改意見,回饋 AI
07:32 為什麼要用 Figma 調整設計
09:25 最終成果分析
11:10 三個版本網頁設計對比
#uiux #claudecode #ai #網頁設計 #ai設計