免費試讀課程單元 · 用 AI 設計新功能

用真實脈絡為代理寫 brief

為什麼「設計一個餐點規劃功能」只會得到通用 App?

Wondering 課程《用 AI 設計新功能》的第 1 個課程單元

為什麼只得到通用 App?

你對 AI 代理說:「設計一個餐點規劃功能。」結果拿到一個制式的日曆格子。

它看起來很完整,卻像任何一款 App,跟你的產品沒有關係。

只給功能名稱時得到的制式日曆格子

注意畫面裡沒有任何屬於特定產品的元素,這就是代理缺少脈絡時只能套用的範本。

問題通常不在模型。這句話裡沒有任何關於你產品的資訊,代理只能套用最常見的範本。

這堂課教你寫一份帶著真實脈絡的 brief,讓產出融入你的產品。

代理需要的三種脈絡

代理設計一個功能時,需要三種脈絡。

App:它必須融入的既有產品。設計系統:它必須遵守的顏色、字型與元件。目標:功能必須達成的具體成果。

一份 brief 要帶的脈絡
  • 功能 brief 的脈絡
  • App: 它必須融入的既有產品。
  • 設計系統: 必須遵守的顏色、字型與元件。
  • 目標: 功能必須達成的具體成果。

只給一個功能名稱,這三者一個都沒有。

接下來用虛構的食譜 App Simmer 當例子。它的團隊想加一個每週餐點規劃。

每個缺口造成的問題

缺了哪一種脈絡,產出就會在對應的地方變得通用。

沒有 App,代理會發明一個通用介面。

沒有設計系統,它會自己發明新的顏色和元件。

沒有目標,它會為了看起來完成而優化,而不是為了解決問題。

從缺口預測產出

看到通用的結果時,先回頭找 brief 缺了哪一種。

把弱 brief 改寫成強 brief

弱 brief:「幫食譜 App 做一個餐點規劃。」

強 brief:「使用這個資料夾裡的 Simmer 畫面和 token,設計一個每週餐點規劃。目標:融入 App、新使用者開始前不超過三個決定、設定後規劃表明顯被他們收藏的食譜填滿。」

同一個功能,兩種 brief
  • 弱 brief
  • 強 brief

好 brief 會寫出使用者問題、成功標準,以及要依據的檔案。

提示詞措辭再巧妙,也補不了缺少的脈絡。

前置準備是最高槓桿

代理的設計品質,會隨你給它的準備而起伏。

代理型工具,例如 Claude Code 或 Cursor,能用一般語言對話,同時讀取和編輯你的檔案。

讓它讀取放有 Simmer 畫面和 token 檔的資料夾,它就會重用真正的食譜卡片和按鈕,不會自己發明新的。

交給代理前的準備
  • 放入畫面: 把 Simmer 的相關畫面放進資料夾。
  • 放入 token: 加入設計系統的 token 檔。
  • 寫下目標: 清楚寫出功能要達成的具體目標。
  • 讓代理讀取: 代理讀取資料夾,重用真正的卡片和按鈕。

但脈絡不是越多越好。貼上無關的文件,反而會把目標埋掉。

補脈絡,還是重下提示?

結果不理想時,很多人直覺按下重新生成,或換一個模型。

先問一個問題:brief 有沒有給 App、設計系統和目標?

如果缺了,就補上脈絡。只重新生成,通常只會換來另一個通用版本。

結果不理想時怎麼修
  • 結果不理想
  • 三種脈絡都有?: 檢查 App、設計系統和目標。
  • 補上缺少的脈絡
  • 調整提示詞
  • 重新交給代理

如果三者都清楚,問題才比較可能出在措辭,這時再調整提示詞。

寫 brief 前的檢查清單

寫 brief 前,用三個問題檢查。

代理知道要融入哪個 App 嗎?知道要遵守哪套設計系統嗎?知道成功長什麼樣子嗎?

只放相關的檔案,把目標寫得清楚具體。

好 brief 一覽
  • 要寫進去
  • 既有 App 的畫面
  • 設計系統與 token
  • 具體的成功目標
  • 要避免
  • 只給功能名稱
  • 貼上無關文件: 會把目標埋掉。
  • 先怪模型: 通常是 brief 沒給具體依據。

產出變通用時,先檢查 brief,再考慮換模型。

自我檢測

只把「設計一個餐點規劃功能」改寫得更聰明,通常就能補足缺少的產品脈絡。

  • 正確
  • 不正確

答案: 不正確

不正確。巧妙的提示詞不能取代 App、設計系統和具體目標等真實脈絡;缺少脈絡時,重新生成通常只會得到另一個通用版本。

設計每週餐點規劃時,代理需要知道要融入哪個 _____、要遵守哪套 _____,以及功能要達成的 _____。

答案: 設計每週餐點規劃時,代理需要知道要融入哪個 App、要遵守哪套 設計系統,以及功能要達成的 目標。

App 提供既有產品脈絡,設計系統規定顏色、字型與元件,目標則說明功能要達成的具體成果。三者共同讓產出不只是通用介面。

一份 brief 已提供 Simmer 的畫面和目標,但沒有提供設計系統或 token。代理最可能產生什麼問題?

  • 發明一個與產品無關的通用介面
  • 自行發明新的顏色和元件
  • 只追求畫面完成,不處理使用者問題
  • 自動把規劃表填滿使用者收藏的食譜

答案: 自行發明新的顏色和元件

沒有設計系統或 token,代理缺少顏色、字型和元件的依據,因此可能自行發明新的視覺樣式,而不是延續 Simmer 的設計。

繼續學習

這是《用 AI 設計新功能》共 4 個課程單元中的第 1 個。接下來:

  1. 在既有系統內設計
  2. 在時機、位置、互動上發散
  3. 依目標評估

免費開始這門課程

Wondering 把任何主題變成可以閱讀、觀看或收聽的短課程單元,並附有練習題和 AI 家教。