Claude Design 大戰 GPT Image-2:誰代表着下個時代的設計範式?
整理版優先睇
Claude Design 同 GPT Image-2 分別代表 Coding Agent 同多模態圖像生成兩種設計範式,前者適合產品開發流程,後者擅長創意探索,未來兩者必然融合。
呢篇文章係由產品開發者泛函寫嘅,佢用自己嘅黑客松 idea「Agent Watch」做測試場景,比較 Anthropic 嘅 Claude Design 同 OpenAI 嘅 GPT Image-2 喺設計任務上嘅表現。作者想解答一個問題:喺 AI 設計領域,Coding Agent 同多模態模型邊個更強?兩者又點樣配合?
測試涵蓋四個真實場景:產品原型設計、App Store 上架宣傳圖、小紅書筆記、同投資人 Pitch Deck。結果顯示 Claude Design 喺上下文連續性同產品一致性上明顯佔優,可以一鍵交付到 Claude Code 繼續開發;而 GPT Image-2 喺創意排版同單次設計上更靈活、更有驚喜,但產品截圖需要後期調整。
作者總結:技術背景嘅創業者應該揀 Claude Design 呢類 Coding Agent,非技術背景但識 Figma 嘅就適合 GPT Image-2。未來兩種範式會整合——先用多模態模型做創意探索,再用 Coding 方式收斂設計系統,呢個方向可能係下一個獨角獸機會。
- Claude Design 喺產品原型到開發流程上佔優,GPT Image-2 喺創意排版上更出色。
- 測試用咗四個真實場景:原型、App Store 宣傳圖、小紅書筆記、Pitch Deck,全面比較兩種範式。
- Coding Agent 上下文連續性強,生成結果一致性高;多模態模型創意度高,但文字穩定性同產品截圖準確性較差。
- 未來兩種範式會融合:先用多模態模型探索創意方向,再用 Coding 方式建立組件系統並穩定交付。
- 創業者可根據自身背景選擇工具:有開發經驗用 Claude Design,非技術背景用 GPT Image-2 配合設計工具。
內容結構
我們做了一款 Agent Native 的 Apple watch 應用,名為“Agent Watch”,產品價值是能夠通過手錶語音輸入和查看消息來監督你的 OpenClaw、Claude Code、Manus 等多種 Agent 的任務完成情況,請你幫我設計一下這款 Apple watch 應用的 watch 應用界面和附帶的 APP 的 UI 界面,顏色以富有輕盈、有呼吸感的白色和淡綠色為主。
兩種範式嘅分歧:Coding Agent vs 多模態生成
2026 年 4 月,Anthropic 推出 Claude Design,OpenAI 發佈 GPT Image-2,兩個產品代表咗 AI 設計嘅兩條路。一派認為應該做更強嘅 Coding Agent,透過生成前端代碼嚟靈活設計;另一派認為應該做更強嘅圖像生成模型,將圖片質量同指令遵循打磨到極致。
作者用自己嘅黑客松 idea「Agent Watch」——一個俾 Apple Watch 用嚟監控 AI Agent 任務進度嘅 app——設計咗四個測試場景,比較兩種範式喺真實產品開發流程中嘅表現。
產品原型:Claude Design 明顯領先
第一關係設計 Apple Watch 應用同附帶 iOS App 嘅 UI 界面。輸入相同提示詞後,Claude Design 輸出咗可交互嘅 HTML 原型,界面風格統一,仲可以一鍵「Handoff to Claude Code」繼續開發,直接達到交付標準。
而 GPT Image-2 嘅輸出雖然有創意,但尺寸比例唔協調,交互邏輯有問題,需要後期用 Figma 修改,無法直接生產使用。呢個場景下,Coding Agent 嘅上下文連續性優勢好明顯。
- 1 原型設計:Claude Design 產出可直接用嘅 HTML,仲有畫板整理。
- 2 GPT Image-2 產出圖片格式,適合啟發思路但唔夠精準。
- 3 Claude Design 嘅一鍵交付功能令開發流程更順暢。
推廣素材:各擅勝場
喺 App Store 宣傳圖測試中,Claude Design 嘅文字穩定性同產品 Mockup 排布好清爽,訊息清晰;而 GPT Image-2 嘅排版更靈活,創意更突出。兩者各有千秋。
小紅書筆記場景
但去到小紅書筆記設計,GPT Image-2 就明顯贏曬——佢生成嘅筆記內頁生動有趣,有感染力;而 Claude Design 嘅產出似信息圖表,「AI 味」太重,唔似真實用戶內容。呢個反映咗多模態模型喺創意內容上嘅優勢。
- App Store 宣傳圖:Claude Design 穩定可靠,GPT Image-2 靈活有創意。
- 小紅書筆記:GPT Image-2 更勝一籌,更似真人創作。
- Coding Agent 擅長結構化輸出,多模態模型擅長視覺敍事。
Pitch Deck:Claude Design 整體更佳
最後測試係製作 8 頁 Pitch Deck。由於 Claude Design 嘅上下文管理能力強,可以一次過生成整套 PPT,而且產品界面一致性高,風格簡約乾淨有高級感,達到可用標準。不過排版略顯單調。
GPT Image-2 需要逐頁生成,排版雖然美觀,但產品截圖有誤差,需要設計師用 Figma 更換。不過對於有設計基礎嘅團隊嚟講,更換截圖嘅工作量唔大,反而可以節省大量排版創意時間。
總結與未來融合趨勢
綜合四個測試,Coding Agent(Claude Design)喺產品原型、開發流程、一致性上佔優;多模態模型(GPT Image-2)喺創意探索同單次設計上更強。技術背景創業者應該用前者,非技術背景但識 Figma 嘅就用後者。
未來兩種範式必然融合
作者預測,理想嘅設計 Agent 流程係:先用多模態模型生成多個風格嘅圖像做情緒板,激發靈感;確認方向後,再用 Coding 方式建立組件系統同設計系統,穩定產出。呢個模式目前未有產品做到,可能係下一個獨角獸機會。

👦🏻 作者: 泛函
🥷 編輯: Koji
🧑🎨 排版: Zeooo

2026 年 4 月,兩場產品發佈幾乎同時洗版。
Anthropic 推出咗 Claude Design,OpenAI 發佈咗 GPT Image-2。一個用代碼生成網頁,一個用多模態直接出圖。
兩家頂級 AI 公司,押注咗兩條完全唔同嘅路。
呢個分歧唔係偶然,叫 AI 做設計,由一開始就有兩個方向。
一派認為應該做更強、更有品味嘅 Coding Agent——叫 AI 透過生成前端代碼嘅方式,靈活咁做出各種驚艷嘅設計。


另一派認為應該做更強嘅圖像生成模型——將圖片質量、指令遵循、文字穩定性逐啲打磨到極致。



Anthropic 揀咗前者,OpenAI 揀咗後者。
而家,兩種範式都出現咗各自嘅王者產品。
一個問題自然浮現:邊個更強?或者話,佢哋各自適合咩場景?
更進一步,喺複雜嘅設計任務入面,呢兩種工具可唔可以配合使用?應該點樣配合?
從呢兩個產品嘅對決入面,或者會睇到設計類 Agent 接下來嘅發展方向。
🚥
我哋設計咗一個有趣嘅測試場景。
呢個係作者自己嘅一個黑客松 idea,嚟自佢真實嘅一個工作習慣。
我好享受俾 Agent 落完一個長程任務之後,起身去辦公室外面行個圈,曬嚇太陽,唞新鮮空氣。
五、六分鐘返嚟,Agent 啱啱好做曬啲嘢,然後落新指令。
咁樣既可以避免坐得太耐,又可以完成工作中嘅間歇休息,回復精力。
所以,今次我哋咁樣嚟做呢個測試:假設我哋要做一款叫「Agent Watch」嘅 Apple Watch 應用同埋同佢連動嘅 iOS APP。
你喺電腦上俾 Agent 落一個長程任務要求之後,呢個任務嘅進度會自動同步去你嘅 Apple Watch 嘅「Agent Watch」應用上面。
如果你喺 Watch 上面收唔到 Agent 完成任務嘅通知,就可以悠閒咁去辦公室外面散步、攞杯咖啡、買啲嘢飲,做啲其他嘢。
當 Apple Watch 震動同顯示 Agent 完成任務之後,你可以再返去自己位前面,跟住 Agent 嘅工作繼續接力。
跟住落嚟,就等我哋基於呢個產品 Idea,用 Claude Design 同 GPT Image-2 嚟完成由原型 --> 廣告素材 --> 品牌手冊 --> Pitch Deck 嘅全套設計。
首先,我哋將初始嘅點子同時發咗俾 Claude Design 同 ChatGPT 上面嘅 GPT Image-2,分別得到咗以下結果。
我們做了一款 Agent Native 的 Apple watch 應用,名為“Agent Watch”,產品價值是能夠通過手錶語音輸入和查看消息來監督你的 OpenClaw、Claude Code、Manus 等多種 Agent 的任務完成情況,請你幫我設計一下這款 Apple watch 應用的 watch 應用界面和附帶的 APP 的 UI 界面,顏色以富有輕盈、有呼吸感的白色和淡綠色為主。輸入俾 Claude Design 之後,Claude Design 嘅輸出效果非常好,仲貼心咁將佢放咗喺一個 UI 設計嘅交付畫板上面,完全達到咗交付標準。

同樣嘅提示詞俾 GPT Image-2,佢嘅輸出對啟發設計思路仲係有幫助,亮點係喺給出嘅 UI 示意圖上面做咗唔少貼心嘅文字標註,不過同 Claude Design 給出嘅結果相比就爭啲。

跟住我叫 Claude Design 同 GPT Image-2 為「Agent Watch」設計一個同佢功能互補嘅 iOS APP。
請你用同樣的設計系統,給這款 Apple Watch 應用設計一個聯動的 iOS APP。
Claude Design 依然俾出咗令人滿意嘅結果,佢俾出嘅係一個可互動嘅 HTML 原型,你可以透過頁面入面唔同按鈕嘅方式,睇到產品嘅整體互動,而且成個頁面係可以直接交付生產嘅程度。

喺 Claude Design 完成設計之後,㩒右上角嘅【share】,可以睇到一個叫【Handoff to Claude Code】嘅按鈕,可以直接一鑊過喺 Claude Code 入面完成完整嘅產品開發,好方便。


相比之下,GPT Image-2 嘅設計同上便有同樣嘅問題,雖然喺設計上有啟發作用,但係因為係直接生成嘅圖片,會有一定嘅尺寸比例唔協調同互動邏輯唔符合正常習慣嘅問題,無辦法直接交付生產。
假設呢款產品已經開發咗出嚟,我哋要將佢上架去 App Store,咁我哋需要幫佢做一套應用商店嘅上架頁面宣傳圖,我哋試嚇分別用 Claude Design 同 GPT Image-2 嚟完成呢個任務。
請你給「Agent Watch」的 Apple Watch 應用和 iOS App 設計一組 App Store 的應用商店上架頁面宣傳圖。
喺呢個任務入面,呢兩個產品可謂各有千秋。


Claude Design 嘅優勢係,交付效果好穩定,文字、產品 mockup 同應用截圖嘅排版都好簡約清爽,令人一眼睇曬佢嘅產品價值同賣點。
而 GPT Image-2 嘅優勢係在於,直接生成圖片嘅方式令佢喺排版上可以更加靈活,做出更加有趣嘅創意設計。
喺應用上架咗 App Store 之後,一般下一個步驟就係要去小紅書上面做宣傳,為我哋嘅產品帶來更多嘅品牌聲勢同註冊轉換,接下來,我哋試嚇用佢嚟出幾篇小紅書。
首先,我哋叫 Claude 俾我哋啲關於選題、封面設計同筆記內容嘅策劃,並用呢啲策劃嚟生成做小紅書封面圖同筆記主圖嘅設計。
我哋從入面揀咗一個比較有趣嘅選題嚟做測試:

根據呢幾個選題,Claude Design 同 GPT Image-2 分別完成咗佢哋各自嘅輸出。

Claude Design 嘅產出,感覺比較似資訊圖表,而唔似係有趣嘅小紅書筆記圖,同時「AI 味」有啲重,感覺好似係唔識風情嘅理科生做嘅設計。

相比之下,GPT Image-2 設計嘅筆記內頁嘅生動有趣程度就有趣好多。
假設呢個產品取得咗初步成功,下一個階段需要去融資、同其他科技品牌建立合作、入孵化器、申請各家 VC、雲端廠商同政府俾創業公司嘅福利嘅話,就需要一套產品介紹嘅 Pitch Deck(PPT)。
所以最後一個測試任務,我哋就嚟試嚇喺 PPT 場景之下,兩個模型產品表現效果點樣。
呢度有一點要注意嘅係,因為兩種技術範式嘅唔同,Claude Design 嘅上下文管理同長程任務能力好過 GPT Image-2,所以俾兩個模型產品嘅提示詞我哋都做咗相應嘅調整。
請為 Agent Watch 設計一套 Pitch Deck,用於向投資人展示這個產品。
背景信息:
Agent Watch 是一款 Apple Watch 應用,配合 iOS APP 使用。核心價值是讓用戶在給 AI Agent(Claude Code、Manus、OpenClaw 等)下達長程任務後,可以離開工位去散步、休息,當 Agent 完成任務或需要確認時,Apple Watch 會震動提醒用戶回來處理。
產品解決的問題:
- 用戶需要長時間盯着屏幕等 Agent 跑完任務
- 久坐辦公導致缺乏運動和休息
- 錯過 Agent 的關鍵確認請求,導致任務掛起
核心功能:
- 手錶實時顯示 Agent 任務進度
- 任務完成/需要確認時震動提醒
- 手錶快速確認,手機查看詳細上下文
- 支持多個 Agent 同時管理
- 消息收件箱式管理
請設計 8-10 頁 PPT,包含:
1. 封面(產品名稱、slogan)
2. 問題(用戶痛點場景)
3. 解決方案(產品核心價值)
4. 產品演示(關鍵界面和交互流程)
5. 使用場景(真實工作流程)
6. 競品對比(與傳統番茄鍾、通知工具的差異)
7. 商業模式(免費版 vs Pro 版)
8. 團隊與願景
設計要求:
- 配色:淡綠色(#A8D5BA)和白色為主,輕盈、有呼吸感
- 風格:簡潔、現代、Apple 風格
- 每頁有清晰的視覺主體,不要文字堆砌
- 適合投資人路演使用,重點突出商業價值
請生成完整的網頁版 Pitch Deck。
請為 Agent Watch 產品設計一套 Pitch Deck 的視覺稿,共 8 頁,用於向投資人展示。
產品背景:
Agent Watch 是 Apple Watch + iPhone 應用,讓用戶給 AI Agent 下任務後可以離開工位休息,Agent 完成時手錶震動提醒。核心價值是"Agent 在工作,你去散步"。
8 頁 PPT 內容與設計要求:
(每當一頁生成完後,發下一頁的提示詞)
第 1 頁 - 封面:
- 大標題:"Agent Watch"
- 副標題:"Agent 在工作,你去散步"
- 視覺:Apple Watch 實物圖展示應用界面
- 配色:白色背景,淡綠色點綴
第 2 頁 - 問題:
- 標題:"久坐盯屏,等 Agent 跑完"
- 三個痛點場景插畫:人盯着屏幕、久坐疲憊、錯過確認
- 簡潔圖標+一句話描述
第 3 頁 - 解決方案:
- 標題:"真正的間歇工作法"
- 時間軸示意圖:Agent 工作中 → 你去休息(交替出現)
- 強調"任務週期 = 休息時間"
第 4 頁 - 產品演示:
- 標題:"雙端協作,實時同步"
- Apple Watch 和 iPhone 並排展示
- 手錶顯示任務進度,手機顯示消息詳情
- 連接線表示同步
第 5 頁 - 使用場景:
- 標題:"一個完整的工作循環"
- 四步流程圖:下任務 → 離開工位 → 手錶震動 → 回來處理
- 簡筆畫人物+場景插畫
第 6 頁 - 核心功能:
- 標題:"不只是通知工具"
- 四個功能卡片:收件箱式消息管理、快速確認、多 Agent 支持、上下文查看
- 每個卡片配圖標和說明
第 7 頁 - 商業模式:
- 標題:"免費版 vs Pro 版"
- 左右對比表格
- 免費版:1 個 Agent、7 天曆史
- Pro 版:無限 Agent、90 天曆史、¥19/月
第 8 頁 - 願景:
- 標題:"讓工作有呼吸感"
- 户外場景照片:人在自然環境中放鬆,手腕佩戴 Apple Watch
- 底部文字:"這個節奏不是人為設計的,是工作本身的呼吸"
整體設計風格:
- 配色:淡綠色(#A8D5BA)+ 白色 + 少量深灰色文字
- 風格:簡潔、現代、Apple 發佈會風格
- 每頁一個視覺主體,大量留白
- 文字精簡,重視覺表達
- 適合 16:9 投影展示
請為每一頁生成獨立的 PPT 視覺設計稿。
呢個係 Claude Design 生成嘅結果,畫面同簡約乾淨,有高級感。
同時因為共享咗產品設計稿嘅上下文,所以產品界面嘅一致性同穩定性都相對較好,達到可以用嘅標準。


而下面呢啲,係 GPT Image-2 產出嘅結果:




呢套圖同之前有類似嘅問題,喺排版上好美觀,文字穩定性、資訊傳遞準確性都達標,但係產品應用嘅截圖有啲誤差,需要用 Figma 一類嘅設計工具進行二次處理。
不過如果團隊有一個有基本設計軟件技能嘅設計師嘅話,更換嚇產品界面圖嘅工作量唔大,但係對於思考排版創意嘅時間嘅節省就好明顯。
多模態模型目前喺上下文理解同管理上不及 Coding Agent,所以以 GPT Image-2 為代表嘅圖像生成模型適合用嚟做單次嘅設計,而 Coding Agent 就因為生成嘅係代碼(本質上亦係文本),喺上下文嘅連續性上保持得好好,生成嘅結果一致性好高。
同時,因為可以將過程產物順暢咁交付俾 Claude Code 等 Agent,進行下一步嘅工作,所以喺產品原型、到上線、再到宣傳呢個流程入面,以 Claude Design 為代表嘅 Coding Agent 範式嘅產品仲係佔優。
不過講到創意程度,以 GPT Image-2 為代表嘅圖像生成模型喺創意排版能力上表現依然好驚艷,所以喺靈感探索或者單次設計(唔需要藉助太多上下文)嘅場景入面表現得幾好。
如果你係一個產品創業者,掌握一定嘅 Vibe Coding 基礎技能同開發常識,咁以 Claude Design 為代表嘅 Agent 類產品係更適合你;
如果你係非技術背景出身,但係識 Figma 等設計工具嘅基本操作,而且做嘅工作偏向電商、廣告創意、媒體等內容,GPT Image-2 同接咗呢個模型嘅相關設計類產品更適合你。
未來,呢兩類範式一定會喺不久之後實現交匯,比較理想嘅流程係,將來嘅設計 Agent 喺創意探索階段,會用多模態模型生成多個唔同風格、創意十足嘅圖像作為素材,並且將佢哋整理成情緒板嚟同用戶確認方向,激發用戶嘅靈感。
喺確認咗設計方向之後,Agent 將設計需求進行收斂,透過 Coding 嘅方式建立組件同設計系統,並且穩定咁完成設計。
目前仲未有已經用緊咁樣嘅方式同用戶協作嘅 Agent 產品,可能係下一個獨角獸嘅機會,等我哋拭目以待邊個團隊會率先將佢探索出嚟。

👦🏻 作者: 泛函
🥷 編輯: Koji
🧑🎨 排版: Zeooo

2026 年 4 月,兩場產品發佈幾乎同時刷屏。
Anthropic 推出了 Claude Design, OpenAI 發佈了 GPT Image-2。一個用代碼生成網頁,一個用多模態直接出圖。
兩家頂級 AI 公司,押注了兩條完全不同的路。
這個分歧不是偶然,讓 AI 做設計,從一開始就有兩個方向。
一派認為應該做更強、更有審美的 Coding Agent——讓 AI 通過生成前端代碼的方式,靈活地做出各種驚豔的設計。


另一派一派認為應該做更強的圖像生成模型——把圖片質量、指令遵循、文字穩定性一點點打磨到極致。



Anthropic 選了前者,OpenAI 選了後者。
現在,兩種範式都出現了各自的王者產品。
一個問題自然浮現:誰更強?或者說,它們各自適合什麼場景?
更進一步,在複雜的設計任務裏,這兩種工具能不能配合使用?該怎麼配合?
從這兩個產品的對決裏,或許能看到設計類 Agent 接下來的發展方向。
🚥
我們設計了一個有意思的測試場景。
這是筆者自己的一個黑客松 idea,來自我自己真實的一個工作習慣。
我很享受給 Agent 下完一個長程任務後,起身去辦公室外轉一圈,曬曬太陽,呼吸新鮮空氣。
五六分鐘回來,Agent 剛好把活幹完,接着下新指令。
這樣既避免久坐,又能完成工作中的間歇休息,恢復精力。
所以,這次我們這麼來做這個測試:假設我們要做一款名為「Agent Watch」的 Apple Watch 應用以及和它聯動的 iOS APP。
你在電腦上給 Agent 下達一個長程任務需求後,這個任務的進程會自動同步到你的 Apple Watch 的「Agent Watch」應用上。
當你在 Watch 上沒收到 Agent 完成任務的提醒時,可以閒散地去辦公室外散步、拿個咖啡、買點喝的,乾點別的事情。
當 Apple Watch 震動並顯示 Agent 完成任務後,你可以再回到工位前,接着 Agent 的工作繼續接力。
下面,就讓我們基於這個產品 Idea,用 Claude Design 和 GPT Image-2 來完成從原型 --> 廣告素材 --> 品牌手冊 --> Pitch Deck 的全套設計。
首先,我們把初始的點子同時發給了 Claude Design 和 ChatGPT 上的 GPT Image-2,分別得到了以下結果。
我們做了一款 Agent Native 的 Apple watch 應用,名為“Agent Watch”,產品價值是能夠通過手錶語音輸入和查看消息來監督你的 OpenClaw、Claude Code、Manus 等多種 Agent 的任務完成情況,請你幫我設計一下這款 Apple watch 應用的 watch 應用界面和附帶的 APP 的 UI 界面,顏色以富有輕盈、有呼吸感的白色和淡綠色為主。輸入給 Claude Design 後,Claude Design 的輸出效果非常不錯,還貼心地把它放在了一個 UI 設計的交付畫板上,完全達到了交付標準。

同樣的提示詞給到 GPT Image-2,它的輸出對於啓發設計思路還是會有幫助,亮點是在給出的 UI 示意圖上做了不少貼心的文字標註,不過相比於 Claude Design 給出的結果要差了些。

接着我們讓 Claude Design 和 GPT Image-2 給「Agent Watch」設計一款和它功能互補的 iOS APP。
請你用同樣的設計系統,給這款 Apple Watch 應用設計一個聯動的 iOS APP。
Claude Design 依舊給出了令人滿意的結果,它給出的是一個可交互的 HTML 原型,你可以通過頁面中不同按鈕的方式,查看產品的整體交互,且整個頁面是可以直接交付生產的程度。

在 Claude Design 完成設計後,點擊右上角的【share】,可以看到一個名為【Handoff to Claude Code】的按鈕,可以直接一鍵在 Claude Code 中完成完整的產品開發,很是方便。


相比之下,GPT Image-2 的設計和上面有同樣的問題,雖然在設計上有啓發意義,但是由於是直接生成的圖片,會有一定的尺寸比例不協調和交互邏輯不符合正常習慣的問題,無法直接交付生產。
假設這款產品已經被開發了出來,我們要將其上架到 App store,那麼我們需要給它做一套應用商店的上架頁面宣傳圖,我們試試分別用 Claude Design 和 GPT Image-2 來完成這個任務。
請你給「Agent Watch」的 Apple Watch 應用和 iOS App 設計一組 App Store 的應用商店上架頁面宣傳圖。
在這個任務中,這兩個產品可謂各有千秋。


Claude Design 的優勢是,交付效果非常穩定,文字、產品 mockup 和應用截圖的排布都很簡約清爽,讓人一目瞭然其產品價值和賣點。
而 GPT image-2 的優勢在於,直接生成圖片的方式讓它在排版上能更加靈活,做出更有意思的創意設計。
在應用上架了 App Store 之後,一般下一個流程是要去小紅書上做宣傳,為我們的產品帶來更多的品牌聲量和註冊轉化,接下來,我們試着用它來發幾條小紅書。
首先,我們讓 Claude 給我們一些關於選題、封面設計和筆記內容的策劃,並用這些策劃來生成做小紅書封面圖和筆記主圖的設計。
我們從中挑選出了一個比較有意思的選題來做測試:

基於這幾個選題,Claude Design 和 GPT Image-2 分別完成了它們各自的輸出。

Claude Design 的產出,感覺更像是信息圖表,而不像是有意思的小紅書筆記圖,同時“AI 味”有點重,感覺像是不解風情的理科生做的設計。

相比之下,GPT Image-2 設計的筆記內頁的生動有趣程度就要有意思很多。
假設這個產品在取得了初步的成功,下一個階段需要去融資、和別的科技品牌建立合作、進孵化器、申請各家 VC 、雲廠商和政府給創業公司的福利的話,會需要一套產品介紹的 Pitch Deck(PPT)。
所以最後一個測試任務,我們就來測試一下在 PPT 場景下,兩個模型產品表現效果如何。
這裏有一個需要注意的是,由於兩種技術範式的不同,Claude Design 的 上下文管理和長程任務能力優於 GPT Image-2,所以給兩個模型產品的提示詞我們也做了相對應的調整。
請為 Agent Watch 設計一套 Pitch Deck,用於向投資人展示這個產品。
背景信息:
Agent Watch 是一款 Apple Watch 應用,配合 iOS APP 使用。核心價值是讓用戶在給 AI Agent(Claude Code、Manus、OpenClaw 等)下達長程任務後,可以離開工位去散步、休息,當 Agent 完成任務或需要確認時,Apple Watch 會震動提醒用戶回來處理。
產品解決的問題:
- 用戶需要長時間盯着屏幕等 Agent 跑完任務
- 久坐辦公導致缺乏運動和休息
- 錯過 Agent 的關鍵確認請求,導致任務掛起
核心功能:
- 手錶實時顯示 Agent 任務進度
- 任務完成/需要確認時震動提醒
- 手錶快速確認,手機查看詳細上下文
- 支持多個 Agent 同時管理
- 消息收件箱式管理
請設計 8-10 頁 PPT,包含:
1. 封面(產品名稱、slogan)
2. 問題(用戶痛點場景)
3. 解決方案(產品核心價值)
4. 產品演示(關鍵界面和交互流程)
5. 使用場景(真實工作流程)
6. 競品對比(與傳統番茄鍾、通知工具的差異)
7. 商業模式(免費版 vs Pro 版)
8. 團隊與願景
設計要求:
- 配色:淡綠色(#A8D5BA)和白色為主,輕盈、有呼吸感
- 風格:簡潔、現代、Apple 風格
- 每頁有清晰的視覺主體,不要文字堆砌
- 適合投資人路演使用,重點突出商業價值
請生成完整的網頁版 Pitch Deck。
請為 Agent Watch 產品設計一套 Pitch Deck 的視覺稿,共 8 頁,用於向投資人展示。
產品背景:
Agent Watch 是 Apple Watch + iPhone 應用,讓用戶給 AI Agent 下任務後可以離開工位休息,Agent 完成時手錶震動提醒。核心價值是"Agent 在工作,你去散步"。
8 頁 PPT 內容與設計要求:
(每當一頁生成完後,發下一頁的提示詞)
第 1 頁 - 封面:
- 大標題:"Agent Watch"
- 副標題:"Agent 在工作,你去散步"
- 視覺:Apple Watch 實物圖展示應用界面
- 配色:白色背景,淡綠色點綴
第 2 頁 - 問題:
- 標題:"久坐盯屏,等 Agent 跑完"
- 三個痛點場景插畫:人盯着屏幕、久坐疲憊、錯過確認
- 簡潔圖標+一句話描述
第 3 頁 - 解決方案:
- 標題:"真正的間歇工作法"
- 時間軸示意圖:Agent 工作中 → 你去休息(交替出現)
- 強調"任務週期 = 休息時間"
第 4 頁 - 產品演示:
- 標題:"雙端協作,實時同步"
- Apple Watch 和 iPhone 並排展示
- 手錶顯示任務進度,手機顯示消息詳情
- 連接線表示同步
第 5 頁 - 使用場景:
- 標題:"一個完整的工作循環"
- 四步流程圖:下任務 → 離開工位 → 手錶震動 → 回來處理
- 簡筆畫人物+場景插畫
第 6 頁 - 核心功能:
- 標題:"不只是通知工具"
- 四個功能卡片:收件箱式消息管理、快速確認、多 Agent 支持、上下文查看
- 每個卡片配圖標和說明
第 7 頁 - 商業模式:
- 標題:"免費版 vs Pro 版"
- 左右對比表格
- 免費版:1 個 Agent、7 天曆史
- Pro 版:無限 Agent、90 天曆史、¥19/月
第 8 頁 - 願景:
- 標題:"讓工作有呼吸感"
- 户外場景照片:人在自然環境中放鬆,手腕佩戴 Apple Watch
- 底部文字:"這個節奏不是人為設計的,是工作本身的呼吸"
整體設計風格:
- 配色:淡綠色(#A8D5BA)+ 白色 + 少量深灰色文字
- 風格:簡潔、現代、Apple 發佈會風格
- 每頁一個視覺主體,大量留白
- 文字精簡,重視覺表達
- 適合 16:9 投影展示
請為每一頁生成獨立的 PPT 視覺設計稿。
這是 Claude Design 生成的結果,畫面和簡約乾淨,有高級感。
同時因為共享了產品設計稿的上下文,所以產品界面的一致性和穩定性都相對較好,達到可以用標準。


而下面這些,是 GPT Image-2 產出的結果:




這套圖還是和之前有相似的問題,在排版上很美觀,文字穩定性、信息傳遞準確性也達標,但是產品應用的截圖有些誤差,需要用 Figma 一類的設計工具進行二次處理。
不過如果團隊有一個擁有基礎設計軟件技能的設計師的話,更換一下產品界面圖的工作量不大,但是對於思考排版創意的時間的節省還是非常明顯的。
多模態模型目前在上下文理解和管理上不如 Coding Agent,所以以 GPT image-2 為代表的圖像生成模型適合用來做單次的設計,而 Coding Agent 則因為生成的是代碼(本質上也是文本),在上下文的連續性上保持得很好,生成的結果一致性很高。
同時,因為能將過程產物絲滑地交付給 Claude Code 等 Agent,進行下一步的工作,所以在產品原型、到上線、再到宣發這個流程中,以 Claude Design 為代表的 Coding Agent 範式的產品還是佔優勢。
不過論創意程度,以 GPT Image-2 為代表的圖像生成模型在創意排版能力上表現還是很驚豔的,所以在靈感探索或者單次設計(不需要藉助太多上下文)的場景中表現的很不錯。
如果你是一個產品創業者,掌握一定的 Vibe Coding 基礎技能和開發常識,那麼以 Claude Design 代表的 Agent 類產品還是更適合你;
如果你是非技術背景出身,但有會 Figma 等設計工具的基本操作,且從事的工作偏電商、廣告創意、媒體等內容,GPT image-2 和接了這個模型的相關設計類產品更適合你。
未來,這兩類範式一定會在不久之後完成交匯,比較理想的流程是,以後的設計 Agent 在創意探索階段,會用多模態模型生成多個不同風格、創意十足的圖像作為素材,並且將其整理成情緒板來與用戶確認方向,激發用戶的靈感。
在確認了設計方向後,Agent 將設計需求進行收斂,通過 Coding 的方式建立組件與設計系統,並且穩定地完成設計。
目前還沒有已經在用這樣的方式與用戶協同的 Agent 產品,興許是下一個獨角獸的機會,讓我們拭目以待哪個團隊將會率先將其探索出來。