Claude Code 新增 /design 指令，可在終端機裡直接生出多組可編輯介面並同步寫入程式碼，選定後不必匯出貼回。這是 Anthropic 從獨立設計工具、治理平台一路收攏到開發現場的最新一步。
（前情提要：Claude Design 大改版：匯入設計系統、雙向打通 Code，緩解吃 Token 噩夢）
（背景補充：Anthropic 推出視覺設計神器「Claude Design」！一句話秒做簡報、企劃書、App 原型）
Claude Code 昨（18）日宣布更新 /design 指令，打一行指令就能生出好幾組可以直接在終端機編輯的介面設計。也就是說以後你不必在多個頁面間來回切換說明修改需求，可以在同一個畫面做細微的調整，增加效率。
Today we’re releasing an early preview of the /design command in Claude Code!
from CC Desktop or CLI, try something like "/design a few options for {feature}" before you build — pick your fave artboard, edit it and implement. pic.twitter.com/2JKKBnU60Z
— nate parrott (@nateparrott) August 17, 2026
一行指令，畫出好幾版介面
只要在 Claude Code 裡輸入 /design a few options for 某個專案，Claude 會一次生出幾組可以編輯的介面畫板（artboard）。
用戶可從幾組畫板裡挑一個最接近的，接下來可以直接在畫布上點選元件、用屬性面板微調樣式、行內編輯文字，還能 undo（復原）與 redo（重做）。按下 Save 會發布新版本；但如果帳號沒有拿到儲存的授權，就只能檢視與匯出 PNG 或 PDF，不能真的動手改。
這個指令目前處於研究預覽（research preview）階段，同時支援 CLI 終端機與桌面版，但得先執行 claude update 更新到新版才會出現。
過去的作法是把設計稿匯出，貼回程式碼編輯器裡重寫一次；現在 Claude Code 在同一個 session 裡直接照著選定的設計往下寫程式碼，不用再多一趟匯出貼回的手續。Anthropic 工程師 Nate Parrott 對此的說明是，Claude 會先讀既有的 codebase，比對目前專案的 UI 風格，才產出可分享的 mockup。
設計權為何要聚合到終端機
2026 年 4 月 17 日，Anthropic Labs 推出 Claude Design，定位是一個可以和 Claude 一起做設計稿、原型、簡報、一頁式文案的視覺工作區，同樣以研究預覽上線，由 Claude Opus 4.7 驅動。上線第一週，使用人數就超過 100 萬。
兩個月後的 6 月 17 日，Claude Design 迎來一次大改版，補上了它原本缺的東西：可以從 GitHub repo、設計檔、原始上傳或本地 codebase 匯入既有的 design system，Claude 產圖後會先拿自己的輸出去對照這套 design system 自我修正，再顯示給用戶。
Anthropic 自己對這次改版的說法是，Claude Design 從一個「快速做 mockup 的工具」變成「brand、design 與開發工作的 governed workspace（受治理的工作區）」。先有獨立工作區驗證需求，再補上治理機制控制成本和品質，最後才把最終的確認生成動作，直接塞進 Claude Code 的指令列。
不過要提醒的是，/design 目前仍是研究預覽，限制寫得很清楚。畫板要手動存檔才會保留，沒按 Save 等於白做；介面本身還有不少粗糙的地方，不是打磨完成的穩定版。
它也會吃 token，在原本就在寫程式的 session 裡額外增加脈絡負擔。更關鍵的是，它不保證會自動繼承專案既有的 design token（設計系統裡的基本樣式單位）與元件，很多時候還是得手動指定。適用範圍也偏窄，比較適合單一功能的設計，遇到多畫面流程，Anthropic 目前仍建議回到網頁版的 Claude Design 處理。
📍相關報導📍
Claude Code 新增雲端定時任務功能！不用開電腦，AI 自動審核 PR、升級
Anthropic 最快本週上線 Claude Opus 4.7 ＋新 AI 設計工具，Adobe、Figma 股票嚇跌
