在經歷許多年的產品經驗，不分海內外看過至少百款 App 以及多種設計風格，但當我自己 Vibe Coding 時，仍然會敗在「美感」這最後一哩路。
當 AI 工具降低學習開發的門檻，設計審美與規範卻反而成了 PM 的痛點。直到近期遇見 #Pencil，我的痛點才真正被解決，它具備與 Figma 高度相似的邏輯，讓我能在 AI 生成 Mockup 後，精準的手動微調顏色與間距，不僅補足了美感缺口，更透過減少反覆下 Prompt 節省了 Claude Code Token 成本。
成果展示
很多人問我，市面上有這麼多工具，Pencil 哪裡好？這問題我同樣問過自己，半年來我嘗試過 Lovable/v0/Stitch/Figma Make...，總覺得就是少了點溫度。以下評比同樣的 prompt 在不同 AI 工具底下的樣貌，並且附上心得，是不是如同我所說，得由你們來親自感受。
Figma Make / 偏輕量版的視覺，個人經驗發現較難疊加複雜功能
Stitch / 可疊加複雜功能，但頁面一多會有莫名跑版與視覺風格不一致的問題
Pencil / 功能完整度較高，細節處理上也較為細緻
Lovable / 對功能單一、且點到點的設計能力強，但對較複雜的應用，整體靈活度有待提升
相比過去體驗過數種 AI 設計工具，我個人覺得 Pencil 在精緻度確實拉開了差距，甚至在處理複雜的功能上也游刃有餘。然而最重要的是它讓我直接在 Claude Code 產生程式碼，且還原度將近 95%，成功降低我與 RD 之間的溝通成本，推！
今天站在 PM 的角度，總結這波 Vibe Designing 浪潮對我帶來的影響：
- 縮短 Prototype 週期：後續如何快速推到市場進行用戶驗證，就是 PM 的競爭力 👍
- 開啟 Vibe Design 旅程：如何將 Vibe Coding/Designing 轉化為真正可用的產品，也是 PM 的必修課之ㄧ👍
- Token 成本把控：如何訓練與 AI 互動能力取代反覆下 Prompt，既能節省 Token 消耗又能達到目標，就是 PM 在 AI 時代底下最大的課題了👍
大家在產品開發流程中，是否也開始嘗試 AI 驅動的設計工作流了？歡迎一起分享你的觀察～～