Claude 產品體驗(2)丨價值放大還是生死存亡？體驗完 Claude Design 以後，我也開始尋找答案！

作者：設計大偵探

日期：2026年5月19日上午11:48

來源：WeChat 原文

✦整理版優先睇

速讀 5 個重點高亮

Claude Design 能快速生成完整原型，傳統設計師面臨價值放大與職業危機嘅雙重挑戰

整理版摘要

呢篇文章係一位產品設計師嘅親身體驗。佢試用咗 Anthropic 喺 2026 年 4 月 17 日推出嘅 Claude Design，發現呢個工具可以根據信息架構同提示詞，喺 5 至 10 分鐘內生成一個完整嘅互動原型，連交互邏輯都閉環，可以直接推畀研發。佢用自己嘅 AI 美髮 MVP 項目做例子，展示咗工具嘅能力。

作者原本係用 Figma 嘅傳統 UI 設計師，見到 Claude Design 嘅效率同完整度之後，感到好大壓力。佢反思過去線性嘅產品設計工作流——需求分析、信息架構、線框圖、界面設計、前端開發——而家可能被一步到位取代。佢提出兩個核心問題：Claude Design 會唔會徹底改變產品設計工作流？UI 設計師應該點樣應對？

整體結論係：Claude Design 係一把雙刃劍，既可能放大設計師嘅價值（尤其係決策同審美層面），亦可能令初級設計師面臨生存危機。作者引用 Anthropic 嘅核心價值觀「Hold light and shade」，提醒我哋要坦然面對呢個轉變，揾出新定位。

Claude Design 可根據信息架構同提示詞，5-10 分鐘生成完整互動原型，直接交付研發
傳統線性產品設計工作流（需求→架構→線框→界面→開發）將被壓縮
工具支援可視化編輯，但建議避免局部修改以免破壞系統一致性
設計師嘅價值應向高層次決策、審美判斷同系統思維轉移
及早熟悉工具、建立個人設計系統係保持競爭力嘅關鍵行動

整理重點

Claude Design 係咩嚟？

Claude Design 係 Anthropic Labs 喺 2026 年 4 月 17 日推出嘅新產品，由 Claude Opus 4.7 驅動。佢俾你可以同 Claude 協作，創建設計、原型、幻燈片同單頁等視覺化工作，已經開放畀 Claude Pro、Max、Team 同 Enterprise 訂閲者。

目前未有桌面端入口，主要喺 Web 端使用

左側欄點擊「Design」就可以進入，或者直接訪問 Claude Design 工作區。界面同大多數 Web 設計工具相似：左邊可以新建項目，右邊顯示項目列表同設計系統。

1 Prototype（原型）：支援 wireframe 低保真同 high fidelity 高保真兩種風格
2 Slide deck（幻燈片）：可以直接調用同複用你嘅設計系統
3 Template 同 Other：另外兩種模式

建議一開始就導入自定義設計系統，令後續項目可以快速搭迭代

整理重點

點樣開始第一個項目？

1 喺 Prototype 創建項目：起名、揀設計系統（可導入本地系統）、選線框或高保真
2 進入項目後，左側面板係提示詞對話區：可以切換設計系統、加屏幕或者上傳 Figma 文件
3 底部對話框支援補充文檔資料；輸入完整信息架構同提示詞後，等 5-10 分鐘就見到生成結果

作者用一個 AI 美髮 MVP 項目做 demo，認為佢完全具備進入研發甚至直接上線嘅水準。

唔建議做太多局部式編輯，因為系統係整體，局部調整容易破壞一致性

整理重點

生成嘅項目值唔值得推畀研發？

作者親身試過之後，認為 Claude Design 生成嘅界面細節同交互體驗完全可以直接推畀研發，唔止係概念驗證咁簡單。

整體界面細節同交互體驗我覺得完全可以直接推畀研發端

佢認為呢個工具顛覆咗過往嘅產品設計流程，令到產品經理可以跳過好多傳統步驟。

我係喺呢一刻先理解點解 Medium 會被 Claude Design 文章刷屏

整理重點

設計師嘅未來：價值放大定生死存亡？

作者作為傳統 Figma 設計師，見到 Claude Design 嘅能力後感到好大壓力。佢問 Claude 自己仲可以貢獻啲咩，Claude 建議提升審美同決策，但呢個答案令佢更加焦慮。

有多少初中級 UI 設計師能一個人在咁短時間內完成呢個方案？

佢認為未來 UI 設計師嘅職業方向可能面臨生死存亡挑戰，因為企業只要用一句提示詞同信息架構就可以完成以往需要 1-2 周嘅工作。

結論：Claude Design 係工具，唔係終局；設計師要向上遊走，關注決策同系統思維
方法：及早熟悉 Claude Design，用佢提升效率，空出時間做更高價值工作
差異：傳統設計師嘅核心競爭力將從執行轉向定義問題、審美判斷同產品策略
啟發：Anthropic 嘅「光明與陰影」價值觀同樣適用——既要擁抱效率，亦要正視風險
可行動點：建立個人設計系統、鍛煉信息架構能力、提升商業思維

Anthropic 把『Hold light and shade』列為核心價值觀

如果你都俾成個Screen嘅 Claude Design 文章洗版，作為一個產品設計師，我同你一樣，忍唔住想去睇下 Claude Design 嘅真面目：佢到底有咩功能、點樣用，又可以幫我哋將邊啲嘢做得更快、更好。

Claude Design 係咩嚟？

Claude Design 係 Anthropic Labs 喺 2026 年 4 月 17 日推出嘅新產品，俾你可以同 Claude 協作創建設計、原型、幻燈片、單頁等視覺化工作。呢個工具由 Claude Opus 4.7 驅動，已經向 Claude Pro、Max、Team 同 Enterprise 訂閲者開放。

Claude Design 嘅入口喺邊度？

我之前提過，Claude Design 暫時冇桌面版入口，主要喺 Web 端用。喺 Claude 嘅 Web 端左邊欄點擊Design就可以入去；亦可以直接去

Claude Design 工作區介紹

入到 Claude Design，你會發現佢嘅界面同大多數 Web 端設計工具差唔多：左邊用嚟新建項目（Prototype、Slide deck、Template、Other 四種模式），右邊就展示你嘅項目列表同設計系統。

· Prototype（原型）：即係 UI 界面設計。Claude 支援生成 wireframe（低保真）同 high fidelity（高保真）兩種風格。

· Slide deck（幻燈片）：同一般對話模式相比，喺 Claude Design 嘅工作區整幻燈片嗰陣，可以直接叫用同重用你嘅設計系統。

另外，Claude Design 支援導入自訂設計系統。建議一開始就將常用設計規範導入，咁後續項目就可以基於同一套系統快速搭建同迭代。

點樣開始你嘅第一個項目？

第一步

喺 Prototype 入面建立項目：先改個項目名，再揀設計系統（Claude Design 支援導入本地設計系統，即係可以跟返我哋嘅設計規範去做），最後揀線框原型或者高保真原型，就可以開工。

第二步

入到項目之後，左邊面板係提示詞對話區：你喺呢度可以切換設計系統、加 Screen，或者上傳 Figma 檔案；底部對話框就支援你補充唔同嘅文件資料。

為咗驗證 Claude Design 嘅能力，我先整理咗一套完整嘅產品信息架構，然後叫佢根據呢套功能結構輸出一個 MVP 交互原型。

第三步

當你將提示詞同資料送去 Claude Design，就要慢慢等下喇：大約 5–10 分鐘，佢就會生成個設計方案出嚟。

點樣評價 Claude Design 生成嘅項目？

等得都幾耐。但係當你真係見到 Claude Design 生成嘅交互原型，你一定會同我一樣俾佢震懾住：真係太完整喇。整體嘅界面細節同交互體驗，我認為完全可以直接交俾研發團隊——唔單止交互邏輯閉環，仲可以用 HTML 嘅形式直接訪問，呢種感覺同喺 Figma 做設計好唔同。

另外，Claude Design 支援可視化編輯，即係我哋可以好似喺 Figma 咁直接喺界面度改。㩒Edit入編輯模式，揀選圖片、文字或者按鈕，都可以喺右邊屬性面板度做設定。

但我唔太建議用 Claude Design 做太多「局部式」編輯。因為對一個系統嚟講，佢係一個整體；如果淨係喺單一頁面度微調，好容易牽一髮動全身，反而破壞整體一致性。呢點我會之後再詳細講。

我貼個 GIF 動態俾大家睇下我第一個 Claude Design 項目：一個 AI 美髮嘅 MVP 產品。我覺得佢已經完全具備進入研發、甚至直接上線嘅水準。我都係喺呢一刻先明白點解 Medium 會俾 Claude Design 嘅文章洗版——佢確實喺顛覆以往嘅產品設計流程。

Claude Design 帶俾我邊啲思考同啟發？

第一，Claude Design 嘅出現會唔會徹底改變產品設計嘅工作流程？

以前產品設計嘅工作流程係線性嘅，由需求分析到信息架構，由線框圖到界面設計，然後前端同系統開發，呢個模式幾乎過去幾十年都冇變過。但係而家，當產品經理直接將完整嘅信息架構圖輸出俾 Claude Design，佢就可以生成一個系統、完整嘅界面設計方案。呢個對未來產品設計工作流程會帶嚟翻天覆地嘅變化。

我甚至同 Claude 討論過，對我呢啲傳統 Figma 設計師嚟講，將來應該點樣同佢協作。你幾乎做曬交互同界面嘅工作，咁我喺呢個項目入面仲可以做啲咩？可能 Claude 都唔知咩答案可以令用戶冇咁焦慮，除咗叫用戶提升審美同決策能力，佢都唔知點樣合理咁描述。

總括嚟講，產品設計嘅工作流程可能已經變咗，只係 Claude Design 呢個咁成熟嘅工具推出之後，我哋先意識到，AI 嘅發展已經超出咗我哋嘅想像。

第二，將來嘅交互、UI 設計師應該點樣應對 Claude Design 呢類工具？

老實講，作為一個用 Figma 嘅傳統設計師，以前我哋會話：AI 生成嘅界面 AI 味太濃，未達到上線標準。但你可以認真睇下我上面貼嘅 AI 美髮設計方案：有幾多初中級交互同 UI 設計師，可以一個人喺咁短時間內完成呢個方案？連我自己都覺得好大壓力——雖然呢個產品嘅信息架構係我寫俾 Claude 嘅，但佢嘅完整性同效率，真係令我有啲恐懼。

尋晚我有一陣瞓唔着，突然諗起 Claude Design 呢樣嘢，有種莫名嘅恐懼，對我哋呢啲傳統 UI 設計師嚟講，將來嘅職業發展會面對真正嘅生死存亡挑戰。當企業或者客戶只需要一句提示詞同信息架構就可以生成我哋要花 1-2 個禮拜先完成嘅工作，我哋嘅職業方向，應該點行？

我而家喺度揾答案，亦嘗試喺呢個急速發展嘅 AI 時代重新揾出產品設計師真正嘅價值。以前最令我痛苦嘅係，喺以功能為導向嘅產品研發中，設計嘅價值成日被忽略；而家，我哋可能迎來一個可以幫我哋將價值放大幾倍嘅夥伴，但亦可能係一個令我哋面臨生死存亡嘅敵人！

有趣嘅係，Anthropic 將「Hold light and shade」——坦然面對光明同陰影——列為核心價值觀之一。佢哋比任何人都清楚，AI 係一把雙刃劍：順勢而行，佢可以為人類創造前所未有嘅價值；但若果失控，佢帶嚟嘅風險同樣史無前例。可能我哋產品設計師而家嘅處境，同 Anthropic 當初嘅選擇冇乜分別——明知前面有光亦有影，依然要做出自己嘅判斷，走過呢個十字路口。

由 2022 年創辦到而家，設計大偵探已經拆解咗以下產品：

AI 產品

Stitch 產品體驗筆記丨 6 個鐘生成 100 幾個頁面，講下我嘅驚喜、焦慮同思考！

Stitch 產品體驗筆記（2）丨秒殺一切原型工具，Stitch 最強大嘅功能俾我發現咗！

Stitch 產品體驗筆記（3）丨變體嘅功能詳解、應用場景同核心價值

Stitch 產品體驗筆記04丨 Stitch 係設計師，我哋先係客戶！

Stitch 產品體驗筆記 ⑤丨 Figma 處理 Stitch 頁面嘅 2 個原則同 4 個技巧

1.2 萬字拆解 NotebookLM丨點樣用 AI 打造你嘅知識樹？

醫療 Medical

【2022原創醫療產品設計分析】之丁香醫生APP圖文版

螞蟻阿福APP拆解丨對話式交互點樣重構就醫全流程？

1.2萬字拆解京東健康丨市值1776億嘅醫療產品點樣設計？

醫療大偵探丨8500字產品拆解醫鹿（一）

互聯網醫院產品大偵探（1）丨7000字拆解北京協和醫院APP

在線教育 Online Education

產品拆解丨月營收3個億嘅斑馬APP原來係咁樣設計

偵探日記Vol.01丨5000字拆解小猿AI嘅12種練習題設計

多鄰國丨人人皆可使用嘅全球最受歡迎語言學習工具

Babbel丨專注成人實用會話嘅語言學習平台

Busuu博樹丨令1.2億學習者大膽開口學英文嘅全球最大語言學習社區

HelloTalk丨好似微信噉樣學一種語言

Vocabulary產品拆解丨好似刷短視頻噉樣學好型嘅英文單詞

萬字拆解Class 官網體驗旅程丨點樣用講故事嘅方式介紹自己嘅產品

知識付費

向閲讀致敬！微信讀書產品設計策略推導——你要一架跑得快啲嘅馬車，但佢俾咗你一架法拉利！

1.1萬字深度拆解丨樊登讀書點樣揾到書中嘅黃金屋？

ClassIn官網拆解丨一款世界級嘅知識付費產品

社交媒體

8384字深度拆解站酷丨7年之癢，係故步自封定係放手一搏？

1.3萬字丨Notion AI同我一齊拆解咗小紅書

1.4萬字拆解丨3.15億Z世代用戶點解咁鍾意嗶哩嗶哩

SaaS

4萬字B端產品拆解丨從0到1拆解小鵝通後台設計（一）

4萬字B端產品拆解丨從0到1拆解小鵝通後台設計（二）

4萬字B端產品拆解丨從0到1拆解小鵝通後台設計（三）

4萬字B端產品拆解丨從0到1拆解小鵝通後台設計（完）

萬字拆解釘釘AI助理（釘釘AI助理眾測大賽一等獎作品）

SAAS產品體驗日記（一）丨8000字深度拆解微盟店鋪裝修功能設計

音樂

QQ音樂產品設計拆解丨睇最美嘅音樂，聽最偉大嘅作品

物流

順豐速運產品拆解丨14500字，76個核心功能為你揭秘順豐嘅快遞世界

招聘

智聯招聘產品拆解丨呢款28年嘅新能源老爺車，開啓咗直播招聘新時代

脈脈產品拆解丨1.1億職場人士點解用脈脈？

體育

世界盃專題丨8500字拆解懂球帝

6000字拆解丨花費10個億，抖音點樣設計世界盃專題？

工具

3600字拆解微信鍵盤丨地主家嘅細仔真係又靚仔又有才

出行

萬字拆解鐵路12306丨最勁同最垃圾，你揀邊個？

愛彼迎 Airbnb 產品拆解丨一款累計超過 20 億人次入住嘅 APP 有邊啲設計亮點？

金融

產品體驗日記①丨中歐財富APP開户設計拆解

金融產品體驗日記（二）丨中歐財富APP首頁設計拆解

金融產品體驗日記（三）丨中歐財富基金詳情頁設計拆解

房產

房源詳情頁嘅設計可以有幾型，睇完鏈家APP你就明喇！

如果你也被滿屏的 Claude Design 文章刷屏，作為一個產品設計師，我和你一樣，忍不住想去看看 Claude Design 的廬山真面目：它到底有哪些功能、怎麼用，又能幫我們把哪些事兒做得更快、更好。

Claude Design 是什麼？

Claude Design 是 Anthropic Labs 在 2026 年 4 月 17 日推出的新產品，讓你可以與 Claude 協作創建設計、原型、幻燈片、單頁等視覺化工作。該工具由 Claude Opus 4.7 提供驅動，已向 Claude Pro、Max、Team 和 Enterprise 訂閲者開放。

Claude Design 的入口在哪裏？

我在前文提過，Claude Design 目前沒有桌面端入口，主要在 Web 端使用。在 Claude 的 Web 端左側欄點擊Design就能進入；也可以直接訪問

Claude Design 的工作區介紹

進入 Claude Design 後，你會發現它的界面和大多數 Web 端設計工具相似：左側用於新建項目（Prototype、Slide deck、Template、Other 四種模式），右側則展示你的項目列表與設計系統。

· Prototype（原型）：也就是 UI 界面設計。Claude 支持生成 wireframe（低保真）與 high fidelity（高保真）兩種風格。

· Slide deck（幻燈片）：相比普通的對話模式，在 Claude Design 的工作區中製作幻燈片時，可以直接調用並複用你的設計系統。

另外，Claude Design 支持導入自定義設計系統。建議一開始就把常用設計規範導入，這樣後續項目就能基於同一套系統快速搭建與迭代。

如何開啓你的第一個項目？

第一步

在 Prototype 裏創建項目：先起個項目名稱，再選擇設計系統（Claude Design 支持導入本地設計系統，也就是可以按我們的設計規範去執行），最後選線框原型或高保真原型，就可以開工了。

第二步

進入項目後，左側面板是提示詞對話區：你可以在這裏切換設計系統、添加屏幕，或者上傳 Figma 文件；底部對話框則支持你補充各種文檔資料。

為了驗證 Claude Design 的能力，我先梳理了一套完整的產品信息架構，再讓它根據這套功能結構輸出一個 MVP 交互原型。

第三步

當你把提示詞和資料發給 Claude Design，就慢慢等一等吧：大概 5–10 分鐘，它就能把設計方案生成出來。

如何評價Claude Design 生成的項目？

漫長的等待。不過當你真正看到 Claude Design 生成的交互原型，你一定會和我一樣被震住：它真的太完整了。整體的界面細節和交互體驗，我覺得完全可以直接推給研發端——不僅交互邏輯閉環，而且還能以 HTML 的形式直接訪問，這種感覺和在 Figma 裏做設計很不一樣。

另外，Claude Design 支持可視化編輯，也就是說我們可以像在 Figma 裏一樣直接在界面裏改。點擊Edit進入編輯模式，選中圖片、文字或按鈕，都能在右側屬性面板裏進行設置。

但我不太建議用 Claude Design 做太多“局部式”的編輯。因為對一個系統來說，它是一個整體；如果只在單頁面裏做微調，很容易牽一髮動全身，反而破壞整體的一致性。這一點我會在後面單獨展開聊。

我貼一個GIF 動態給大家看看我的第一個 Claude Design 項目：一個 AI 美髮的 MVP 產品。我覺得它已經完全具備進入研發、甚至直接上線的水準。我也是在這一刻才理解，為什麼 Medium 會被 Claude Design 的文章刷屏——它確實在顛覆過往的產品設計流程。

Claude Design 帶給我哪些思考和啓發？

第一，Claude Design 的誕生是否會徹底改變產品設計的工作流？

過去產品設計的工作流都是線性的，從需求分析到信息架構，從線框圖到界面設計，然後前端和系統開發，這幾乎是過往數十年沒有改變過的模式。但如今，當產品經理直接把完整的信息架構圖輸出給 Claude Design，它就能生成一個系統、完整的界面設計方案。這對未來的產品設計工作流將會發生天翻地覆的變化。

我甚至和 Claude 進行討論，向我這種傳統的 Figma 設計師，未來應該如何與它進行協作。你幾乎把交互和界面的工作完成了，那麼我在這個項目中還能幹什麼？也許 Claude 也不知道什麼樣的答案能讓用戶降低焦慮，除了讓用戶提升審美和決策，它也不知道如何來合理描述了。

總之，產品設計的工作流也許早已改變了，只不過是 Claude Design 這麼成熟的工具發佈以後，我們才意識到，AI 的發展早已超出我們的想象。

第二，未來的交互、UI 設計師該如何應對 Claude Design 這樣的工具？

說實話，作為一名使用 Figma 的傳統設計師，過去我們會說：AI 生成的界面 AI 味太濃，還達不到上線標準。但你可以認真看看我上面貼的 AI 美髮設計方案：有多少初中級交互和 UI 設計師，能一個人在這麼短的時間裏完成這個方案？就連我自己也感受到很大的壓力——雖然這個產品的信息架構是我寫給 Claude 的，但它的完整性和效率，還是讓我覺得恐懼。

昨晚我有一段時間沒睡着，有一陣我突然想到了 Claude Design 這個東西，突然有一種莫名的恐懼，對於我們這樣的傳統的 UI 設計師來說，未來的職業發展會遭遇真正的生死存亡挑戰。當企業或客戶只需要通過一句提示詞和信息架構就能生成我們需要花費 1-2 周完成的工作，我們的職業方向，該何去何從？

我正在尋找答案，也試圖在這個激流勇進的 AI 時代中重新找尋產品設計師真正的價值。過去最讓我痛苦的是在以功能為導向的產品研發中設計的價值往往被忽略，如今，我們或許迎來了一個可以幫我們把價值放大數倍的夥伴，但也可能是讓我們面臨生死存亡的敵人！

有意思的是，Anthropic 把 "Hold light and shade"——坦然直面光明與陰影——列為核心價值觀之一。他們比任何人都清楚，AI 是一把雙刃劍：順勢而行，它能為人類創造前所未有的價值；但若失控，它帶來的風險同樣史無前例。也許，我們產品設計師現在的處境，和 Anthropic 當初的選擇並沒有什麼不同——明知前路有光也有影，依然得做出自己的判斷，走過這個十字路口。

從 2022 年創辦至今，設計大偵探已經拆解以下產品：

AI 產品

Stitch 產品體驗筆記丨 6 個小時生成 100 多個頁面，聊聊我的驚喜、焦慮和思考！

Stitch 產品體驗筆記（2）丨秒殺一切原型工具，Stitch 最強大的功能被我發現了!

Stitch 產品體驗筆記（3）丨變體的功能詳解、應用場景和核心價值

Stitch 產品體驗筆記04丨 Stitch 是設計師，我們才是客戶！

Stitch 產品體驗筆記 ⑤丨 Figma 處理 Stitch 頁面的 2 個原則和 4 個技巧

1.2 萬字拆解 NotebookLM丨如何用 AI打造你的知識樹？

醫療 Medical

【2022原創醫療產品設計分析】之丁香醫生APP圖文版

螞蟻阿福APP拆解丨對話式交互如何重構就醫全流程？

1.2萬字拆解京東健康丨市值1776億的醫療產品如何設計？