Nate Parrott

資料來源#

• Designing with Claude: From prompt to production
• How the product designer who built Claude Design uses it

摘要#

他是 Anthropic 的產品設計師，也是 Claude Design 的創始者。2025 年秋季，他是 VS Code 版 Claude Code 唯一的產品設計師，與兩位工程師合作；測試版於 2025 年 9 月底推出。他在 2026 年 7 月分享的第一手敘述，是本維基對這項工具如何起步、日常實際如何使用的主要來源（Design by Selection）。

開啟這段歷程的速度落差#

用他自己的話說，最初的動機是：

「[Opus 4.5 arrived] in November, and the Claude Code team started shipping fast and aggressively. The engineers were shipping far more than before, while I was still delivering at the pace I always had. I needed to find a way to catch up.」

這是同一個團隊內的瓶頸轉移，起因是 AI 採用程度不對稱：模型推出後加速了工程職能，設計職能卻維持原本的步調，因此設計成了限制。這是 Implementation Abundance Inverts Product Work 的具體小規模案例：當實作變得便宜，成本較高的步驟就會轉移到尚未被加速的環節；也提醒我們，「AI 提升團隊產能」並不會平均分配到每個職能（Role Averaging, Not Role Elimination）。

走向 HTML 遊樂場的過程#

1. 第一次嘗試失敗。 他把 Claude Code 當成表面看來的文字終端工具：把輸出複製到 Claude、附上截圖，再問「這裡有個想新增的功能，你為什麼不替它設計看看？」結果「不太理想」。
2. 一個月的業餘探索。 這不是週末隨手做的小工具，而是持續投入「大約一個月」的額外心力。
3. 重新定義問題。 「Claude 很擅長處理 HTML。我們把 HTML 視為網站的格式，但它也是豐富且互動性高的視覺媒介：投影片、影片檔或 PDF 裡能做的任何東西，都能放進網頁裡。」他改用 HTML 提示，打造出左側聊天、右側輸出的分割畫面。他獨立得出了 HTML as the New Markdown 的想法。
4. 提煉品牌。 「我花了一段時間，把 Anthropic 品牌的精髓（產品使用的字型、色彩、素材與原則）提煉成提示」，讓產出預設就符合品牌規範；這是產品如今能生成設計系統功能的手動前身（Living Design System）。
5. 內部原型 → 開始採用。 設計師立刻拿它製作互動原型：不用逐一模擬每種狀態並手動串接，只要「把素材交給 Claude，然後說：讓它動起來」，每份成果都會有可分享的連結。

它成為產品的那一刻#

「我第一次意識到 Claude Design 有多吸引人，是在 Anthropic Labs 團隊外出活動的一場點子提案會上：在場每個人都用它快速做出投影片，很多人甚至是在會議進行中、輪到自己報告之前才做的。那場活動說服 Labs 團隊為它配置人力，Claude Design 也從業餘專案變成了正式專案。」

有兩點值得記下：配置人力的決定，是根據未經提示、實際觀察到的使用情況，而不是簡報推銷——這是由展示出的需求來挑選專案的實驗室押注模式；而讓他們信服的用途（會議中途製作投影片），並非產品原本的設計用途（產品模型）。「比產品設計再高一層……主要用來溝通與發想的視覺內容」這種重新定位來自使用者；Parrott 最後也邀請大家繼續探索：「把它帶到我們還沒想到的地方。」

與 Dan Carey 的說法有何關聯#

Carey 在 2026 年 5 月的演講中提到「團隊裡有位設計師 Nate」，他「在週末拼出第一個原型，當時他正在處理另一項押注」，並將 99% 的價值歸功於之後十週的反覆迭代。Parrott 自己的說法與此並不衝突，只是著重點不同：週末原型是他為期一個多月的業餘探索之一，而起因是個人的速度落差，不是產品組合中的任務分派。兩種敘述並不互相矛盾；Carey 提供組織視角，Parrott 則是第一人稱視角。（Carey 的內容屬於 PM 演講中的 case-study；Parrott 的內容也是 case-study，採第一人稱敘述，而且更貼近事件當時。）

相關連結#

• Claude Design — 他打造的產品；也是他和 Carey 敘述的核心主題
• Design by Selection — 他記錄的日常做法：離開鍵盤思考、生成十個版本、混搭兩個，再手動修飾最後細節
• Claude Code — 他曾是 VS Code 版 Claude Code 的唯一產品設計師；它也是 Claude Design 往返流程中，與正式環境軟體相接的那一半
• Anthropic Labs — 讓他的業餘專案轉為正式投入的外出活動
• Dan Carey — 從組織角度講述同一段起源故事的 PM
• HTML as the New Markdown — 他獨立於 Thariq Shihipar 得出 HTML 是視覺媒介的見解
• Anthropic — 任職公司

待解決的問題#

• 有了這項工具後，設計師成為瓶頸的落差是否真的消失了，還是瓶頸又轉移了？他表示自己在某種程度上追上了進度（每天用它製作線框圖和 15 版流程），但沒有提供產能方面的數據。

資料來源#

• How the product designer who built Claude Design uses it — Nate Parrott，Anthropic，2026 年 7 月（case-study）：第一手的起源敘述、Labs 外出活動，以及十項最佳實務
• Designing with Claude: From prompt to production — Dan Carey，2026 年 5 月：同一段起源故事的組織視角敘述