vibe coding 靈感網站：UX/UI人都在蒐藏的寶藏資料庫
收錄日韓歐美優質網站設計案例、精選全球靈感網站，連設計總監、資深設計師們也愛用的靈感資料庫！幫助你快速找到方向。
昨天在脆上被一位資深軟體 PM 搭訕成功（？
於是我們幾個人約了場 Coffee Chat，聊著聊著，又繞回工程師與設計師的千古宿命、愛恨糾葛。
主訴工程師曰：「為什麼我家的 UI 設計師都不多想一點？亮點要我幫他想、UX 邏輯也要我補，明明我都建議他用 AI 幫忙了，為什麼不用？」
我笑笑回他，其實 UI 設計師的養成除了該點的技能之外，還有「眼睛的養成」我都稱這個階段叫「洗眼睛」。
透過大量閱讀優秀畫面來建立視覺判斷的直覺，這不是單靠 AI 就能補足的（用 Vibe coding做網站的人應該更有感）。
美感這東西，AI 能輔助，但不會給你解答。
更實際的做法，是打開一些寶藏網站，吸收案例靈感、理解動線邏輯。
而以下和大家分享這些網站是UX/UI人設計師們都在收集的寶藏資料庫！
如果想要Vibe coding找UI reference 不妨來這裡逛逛
小豆的 UI/UX 靈感寶庫：
81-web｜經典日系網站蒐集平台，風格細緻、內容多元，特別適合參考作為企業官網或品牌形象網站設計的靈感來源。
Refero｜彙整多家國際品牌的設計案例，包含網頁、介面、品牌等範疇，是快速掌握大廠視覺語言與設計趨勢的好幫手。
Notefolio｜韓國設計師的作品集平台，風格偏向韓系美學，可視為韓版 Behance，非常適合挖掘清新、潮流感強的設計參考。
UX/UI 工具推薦清單：vi設計師與 PM 都該收藏～
Pageflows｜看產品如何實踐使用者流程
收錄許多產品實際操作畫面，可以觀察 UI 過場與動線。Checklist Design – Flows｜流程設計不漏項
登入、註冊、表單、錯誤提示等完整 checklist，檢查設計是否完善。Landingfolio｜精選範例庫
收集了大量案例，分區塊整理常見模組，很好找。StackSorted ｜互動元件展示 + 程式碼複製
聚焦按鈕、卡片等 UI 元件，能看到實際應用網站，還能複製 code。SiteInspire｜優質網站設計案例大全
各種風格都有，適合找靈感