◎Prototype 設計
除了前述提到的功能規格書與系統架構圖可透過生成式 AI 生成基底之外，我們還可以利用 AI 外掛來產出基礎版的 Prototype（原型設計）。以下以 Figma 為例說明這個流程。Figma 是一款雲端協作開發工具，主要用於設計 UI/UX 和 Wireframe，並提供豐富的外掛功能。例如，一些外掛可以將 JSON 或 CSV 檔案轉換為使用者介面，讓設計過程更加高效。
在實務應用中，我嘗試過用 ChatGPT 生成相關的 JSON 碼來規劃使用者介面，但這種方式的成果過於陽春，因此我最後選擇了 Ugic 這款 Figma 外掛作為範例。
Ugic 是基於 Figma 的 AI 外掛，屬於收費服務。其主要特色在於，只需提供產品功能規格，便能透過 AI 快速生成使用者介面的草稿。這些草稿雖然無法直接使用，但作為初步的基礎設計，能有效幫助開發團隊針對功能細節展開討論。以往光是由 UI/UX 設計師或前端開發者完成初步的 Prototype，就可能需要耗費數天時間。而有了這類生成工具，熟悉操作的開發者僅需約一小時即可生成一個可用於溝通的版本，顯著縮短了作業時間。
我的操作方式是先利用 ChatGPT 生成 Ugic 所需的產品功能介面提示詞，接著將這些提示詞輸入 Ugic 外掛，讓其產出頁面的初步架構。由於我使用的是免費版本，能生成的頁面數量有限且功能相對簡單，因此我沒有進行額外的細部調整。
生成的細部架構可以直接在 Ugic 外掛的介面中進行初步微調，確認無誤後再渲染成實際的 Figma 元件。這些元件作為基礎設計，後續可再進一步細緻編修。
會員紅利系統 v2.0 使用者介面設計圖
在 Figma 的畫面中，可以清楚看到生成的基礎元件，這些元件具備靈活性，適合進行進一步調整。Figma 還能將設計匯出為網頁瀏覽介面，讓團隊成員能快速分享成果，實現即時溝通。這樣的方式可以避免功能開發接近完成後，才讓關鍵人物（如客戶、老闆、主管）參與檢視，從而降低後期大幅修正的風險。
它的呈現頁面可以放大縮小，也能共同編輯，同時還能直接導出給開發者使用，加上 AI 工具的輔助，真的大幅縮短了瑣碎事項的作業時間。
◎結語
以上就是我在產品架構與開發過程中，利用 AI 工具輔助的案例說明。我要強調的是，AI 工具的核心價值在於減少處理瑣碎事項的時間與精力。雖然我不敢斷言 AI 可以顯著縮短開發時間，但清楚 AI 的適用範圍後，省下的時間可以被用來專注於更重要的任務，例如設計細節、系統邏輯的優化，以及團隊間的高效協作。
或許整體開發時程不會因 AI 的使用而顯著縮減，但產品的品質與工作效率，尤其是在不同角色間的配合上，必然會有所提升。與此同時，當其他人或企業積極採用 AI 工具來優化工作流程，而一些人仍堅守傳統方法，數位落差就會逐漸顯現。那些拒絕接觸或抗拒使用 AI 的人，可能最終會面臨被淘汰的風險。我並不打算在本文討論 AI 的快速發展究竟是好是壞，因為這是無法避免的時代趨勢。關鍵在於我們需要正視這個現實，並積極適應和利用它，將其轉化為我們的競爭優勢。
當產品進入實際開發作業時，最後的規劃階段便是如何包裝並推出市場。這部分可以參考我撰寫的《如何擬定網路平台產品的定價模式》一文，探討定價策略與市場推廣的實務方法。希望這一系列關於產品開發的實作案例分享，能夠帶給相關同業的工作者一些參考與應用想法的延伸。
