「我正在用 AI 做 App，為什麼我的成品看起來這麼廉價？」
如果你曾經這麼想過，原因不是缺乏天賦。而是因為你只用「文字」來要求設計。
我直接說清楚。
這不是能力的問題。
這是「如何交付」的問題。
※ 建議收藏這篇文章。
很多人是這樣問 AI 的：
「設計得酷一點。」
「給它現代時尚的感覺。」
「用流行的 UI。」
但回傳的總是安全、模糊的 UI。然後你試著用更多文字去修正，陷入無窮迴圈。這就是那個循環。
我以前也一樣。
「一股寒意竄上背脊」的那一天
三個月前，我用 Claude Code 為自己打造了一個任務管理 App。功能完美運作。但打開畫面的瞬間，我想：
「哇，這看起來像 2010 年的公司內部系統……」
按鈕過於方正。邊距不一致。顏色是一種神秘的藍色。它能用，但我不想給任何人看。一股寒意竄上背脊。
「只要看起來廉價，就立刻顯得很業餘。」
我深刻體會到這點。老實說，我那時候的問法很丟臉。「給它像 Apple 一樣的細緻氛圍。」我列出的都是連自己也不完全理解的抽象詞彙。從 AI 的角度來看，「酷」沒有標準。所以它只能回傳安全、平庸的 UI。
我完全理解那種感覺。你相信只要用足夠的文字，就能傳達到位。但那是通往泥沼的入口。
只需一個連結，就能放鬆下來
轉捩點是發現了一個網站：Mobbin。
這是一個可以大量瀏覽已上架 App UI 的網站。你可以看到 Uber Eats 和 Netflix。而且，還能按功能搜尋，例如登入畫面、首頁畫面、付款畫面。你在這裡看到的，都是專業海外設計師製作的真實設計。
說清楚，這不是「抄襲」。這是專業人士一直在做的「參考」技巧。你模仿的不是顏色或 Logo，而是「佈局哲學」。
我第一次把 Netflix 首頁的連結貼給 AI，說「請參考這個連結來設計」——那個黑底配電影縮圖排排站的畫面——我震驚了。
看到結果畫面的那一刻，我不自覺地說出聲：「等等，它已經做到了？」
即使那是我的 App，它卻擁有了 Netflix 那種高級感。我花幾十次文字請求都達不到的品質，用一個連結就一次搞定。在感到開心之前，我先感到一陣疲憊。
「我花那麼多時間煩惱到底是為了什麼……」
來看看數字：
- 花在設計上的煩惱時間：從 2 小時降到 10 分鐘。
- 重做次數：從 5 次降到 1 次。
- 而且，最終的成品水準遠高於以往。
煩惱的時間減少，品質卻提升了。完全反轉。
主要內容 | 使用 Mobbin 的實戰模板
以下是具體步驟。你只需要「準備一份規格文件，並把 Mobbin 連結貼上去」。然後讓 Claude Code 讀取它並建構出來。
以下是一個提示詞範例：
1# App 概述2- App 名稱：MyFit3- 一句話描述：快速記錄健身日誌的 App4- 目標族群：每週健身 2-3 次的 20-30 歲族群56# 主要功能7- 登入 / 註冊8- 首頁（顯示今日菜單）9- 訓練日誌輸入10- 查看進度的歷史記錄 / 圖表11- 個人檔案 / 設定1213# 設計參考14請參考以下 App 的 UI。我希望色調、邊距、配色方案和字型使用接近這個水準。15- 整體氛圍：(Mobbin 連結)16- 登入畫面：(Mobbin 連結)17- 首頁畫面：(Mobbin 連結)1819# 要求20在開始實作前，請先根據以上內容提出設計方針。
效果：AI 可以從一開始就共享「要製作什麼、以及什麼水準」。模糊的結果消失了。
讓精準度無可匹敵的 3 個技巧
- 為每個畫面分別貼上連結。不要只用一個。Mobbin 允許按功能搜尋。分別提供「登入是這個」、「首頁是這個」的連結。效果：比只提供一個大雜燴連結，精準度顯著提高。
- 加上關於「你想模仿什麼」的文字。如果只貼連結，它可能只會擷取顏色。所以要明確說明。範例指令：「請參考邊距間距、配色方案和字型使用。」效果：AI 不會錯過它需要關注的重點。
- 不要讓它直接建構，而是要求「先提出方針」。先對齊方向一次。範例指令：「在實作前，請先提出設計方針。」效果：後續的幾乎完全消失。
回答「這不是抄襲嗎？」
當我推薦這個方法時，常被問到：「這樣做沒問題嗎？版權方面？」
我理解這個擔憂。請區分以下兩者：
◯ 可以參考的東西（設計「慣例」）：
- 佈局模式
- 邊距用法
- 配色方案哲學
✕ 絕對不能拿的東西（公司特定資產）：
- Logo / 品牌名稱
- 照片 / 圖示
- 標語
把公司獨有的資產搬過來是不行的。用你自己的 App 資產來替換。UI 慣例和佈局模式是業界共享的「模板」。參考模板是完全正常的。如果擔心，只要在給 AI 的提示中加一句備註即可。
範例指令：「參考結構，但將配色方案和 Logo 改為我的品牌。」
這樣就能確保它不會變成全面的複製品。
初學者容易陷入的 3 個陷阱
AI 不知道要看連結頁面的 哪裡。如果你不補充說明「模仿這個邊距的感覺」或「使用這個色調」，結果就會很模糊。
如果你提供幾個完全不同風格的參考，AI 會取平均。結果就是一個看起來什麼都不像的平庸東西。訣竅是將風格縮小到 1-2 種。
一旦第一個模板出來了，就一邊展示相同的參考，一邊進行微調。
範例指令：「把這個邊距再拉寬一點」或「讓按鈕形狀更接近這個連結裡的樣子。」
這樣來回 2-3 次，它就會突然變得專業。多數說「看起來不像」而放棄的人，只是沒有做這個最終的打磨階段。
Mobbin 可以免費使用嗎？
對於想著「我現在就要打開」的人，這裡提供誠實的定價說明。你只要創建一個免費帳號就可以開始使用 Mobbin（不需信用卡）。瀏覽需要免費註冊。結論是，免費版就足夠應付你今天要做的事了。有了免費註冊，你馬上就能看到 Netflix 和 Uber Eats 的 UI。複製你有興趣的畫面連結，交給 AI。這個方法完全用這個就能運作。
如果你之後想更深入使用，那時再考慮 Pro。作為參考，免費版的 4 個主要限制如下：
- 主要瀏覽近期新增的 App（完整資料庫是 Pro 版）。
- 「Flows」功能受到嚴格限制。
- 大量下載多個畫面是 Pro 版功能。
- 收藏集限制為 3 個。
這些都是在你「上癮」之後才需要在意的事。現在，先花 0 美元試著貼一個畫面。如果你想認真使用，可以解鎖付費的 Pro 方案（年繳約每月 10 美元）。那是我們未來才要討論的階段。先免費試用。如果不夠用，再考慮付費。這才是正確的作法。
擅長與不擅長的人之間唯一的差別
讀到這裡，有些人應該已經發現了。差別不在於「創造的能力」。而是 「尋找的能力」。
頂尖設計師創作的實際作品在網路上四處可見。沒有必要從零開始擠出東西。只要找到好的，交給 AI 就好。
就在你心想「晚點再做」而關掉這個頁面的此刻，另一個讀到這篇文章的人已經打開了 Mobbin。他們正在把 Netflix 等級的畫面交給 AI。明天，那個人的 App 就會出現在你的時間軸上。差別不在於品味。在於你是否在這 10 分鐘內採取行動。
設計品味不是天賦。它是「找到好範例並交付出去」的「行動」，這是任何人都能做到的。
總結
- 煩惱時間：「2 小時 → 10 分鐘。」重做次數：「5 次 → 1 次。」
- 關鍵是按功能提供參考畫面，並加上關於「模仿什麼」的文字。
- 不要追求一次到位，而是在展示相同參考的同時，花 2-3 輪打磨。
不需要長篇大論。只有一件事要做。打開 Mobbin，從你喜歡的 App 中挑一個畫面，把那個連結貼給 AI。只要這樣做，你煩惱了 2 小時的畫面，就會在 10 分鐘內完成。
在「什麼都不做就結束的人」和「至少做一次的人」之間。你會是哪一個？你已經不需要「品味」了。下次你展示 App 時，對方會湊近螢幕說：
「等等，這像 Netflix……？這是你自己做的……？」
你不需要天賦。你只需要在今天打開一個 Mobbin 分頁。
最後
我會發布關於「光知道就能改變局面」的 AI 使用方式。你正在被拉開的差距，從今天開始就能填補。還有一件事。為了確保你不只是「讀完就結束」，像我在這篇文章中寫的 AI 使用方式，我目前正在限時免費發送 32 份超級豪華的獎勵。
這些獎勵包括：
- ChatGPT / Claude Code / Codex / Gemini 完整指南
- 每月賺取 100 萬日圓的 AI 副業路線圖、獲利類型地圖、單價列表、市場數據
- AI 影片生成、AI Agent、Vibe Coding 等實戰指南
- 100 個 AI 使用案例，以及更多……
總共 32 份，超過 860 頁。而且全部免費。你甚至不需要參加研討會或免費一對一諮詢就能全部獲得。聽起來像謊言，對吧？但這是真的。領取方式很簡單。先加入下方的 LINE 公開社群。
你可以從這裡加入。
但是，這 32 份超級豪華獎勵是限時的。我沒有設定截止日期，但活動結束時，會無預警結束。幾乎所有人都會忘記「我明天再弄」。請趁還能領取的時候領取。讓我再說一次。能否用 AI 賺錢，不是由天賦決定的。而是你是否能按照正確的順序學習。那個順序，全部都在這 32 份獎勵裡。
