過去用 AI 做介面設計，中間永遠卡著一個笨拙的動作：在別的工具裡生圖、匯出檔案、切回程式碼編輯器貼上重寫。Claude Code 這次更新拿掉的正是這一步。
Anthropic 於台灣時間 2026 年 8 月 18 日宣布，Claude Code 新增 /design 指令，只要輸入「/design a few options for {功能名稱}」，就會在終端機裡一次生出好幾組可編輯的介面畫板（artboard）。選定其中一組後，可以直接在畫布上點選元件、用屬性面板調整樣式、行內編輯文字，也能 undo、redo。按下 Save 才會發布新版本；如果帳號沒有儲存授權，就只能檢視畫面，或匯出成 PNG、PDF，無法真的動手改。
Anthropic 工程師 Nate Parrott 在 8 月 17 日於 X 發文示範這個指令，並說明 Claude 會先讀取既有的 codebase，比對專案目前的 UI 風格，才產出可分享的 mockup。也就是說，選定畫板之後，Claude Code 是在同一個工作階段（session）裡接著往下寫程式碼，不必再多跑一趟匯出貼回的手續。這個功能目前是研究預覽（research preview）階段，同時支援 CLI 終端機與桌面版，需要先執行 claude update 更新才會出現。
從獨立工作區到治理平台，再到寫進終端機指令列
把時間拉回 2026 年 4 月 17 日，Anthropic Labs 當時推出的是一個獨立產品 Claude Design，定位是能與 Claude 一起做設計稿、原型、簡報與一頁式文案的視覺工作區，由 Claude Opus 4.7 驅動，同樣以研究預覽形式上線，第一週使用人數就超過 100 萬。兩個月後的 6 月 17 日，Claude Design 迎來一次大改版，補上了原本缺的能力：可以從 GitHub repo、設計檔、原始上傳或本地 codebase 匯入既有的 design system，Claude 產圖後會先拿自己的輸出去對照這套系統自我修正，再顯示給用戶。Anthropic 對這次改版的說法是，Claude Design 從一個「快速做 mockup 的工具」變成「brand、design 與開發工作的 governed workspace（受治理的工作區）」。
先有獨立工作區驗證需求,再補上治理機制控制成本與品質,如今最終的確認生成動作,直接塞進了 Claude Code 的指令列——這是三步棋走到現在的樣子。
不過 /design 的限制寫得很清楚：畫板要手動存檔才會保留，沒按 Save 等於白做；介面本身還有粗糙的地方，不是打磨完成的穩定版；生成過程本身也會吃掉 token，在原本就在寫程式的 session 裡增加額外的脈絡負擔。更關鍵的是，它不保證會自動繼承專案既有的 design token 與元件，很多時候仍得手動指定。適用範圍也偏窄，比較適合單一功能的設計；遇到多畫面流程，Anthropic 目前仍建議回到網頁版的 Claude Design 處理。
