Anthropic 推出 Claude Code 全新 /design 指令，於終端產生設計稿

Anthropic 近日釋出 Claude Code 的早期預覽功能，加入了全新 /design 指令。開發者只要在終端機或桌面應用程式中輸入類似「/design a few options for {feature}」的指令，即可讓 Claude 直接產出多個設計稿（artboards），供團隊挑選、編輯，再進一步寫程式實作。

背景與技術說明

根據開發者 Nate Parrott 的說明，Claude 會先閱讀現有的程式碼庫，解析其中的 UI 樣式，然後自動生成與之相符的 mockup（概念設計稿），並以 Artifact（可分享的設計資產）形式呈現。這項功能原本屬於 Claude Design，現在已內建於 Claude Code，讓設計與程式開發的界線更為模糊，提升開發流程的即時性。

終端機 (Terminal)：指在文字介面下操作電腦的環境，開發者可直接在此輸入指令。
Artboard：設計工具中的畫板，用於展示不同的視覺稿件。
Artifact：可被儲存、分享或匯入其他工具的設計成果。

目前產出的設計稿會自動帶入後續的 build（編譯）階段，但仍需使用者手動保存，未來可能會加入自動同步功能。

可能的產業影響

加速原型設計：開發者不必再切換至專業繪圖軟體，即可在寫程式前快速產出視覺概念。
統一 UI 風格：Claude 會參考既有程式碼，自動匹配現有的介面樣式，降低 UI 不一致的風險。
降低跨部門溝通成本：設計稿以 Artifact 形式共享，設計師與工程師可即時檢視與迭代。

未來展望與讀者啟示

Anthropic 表示，使用者只需執行 claude update 即可體驗此功能。隨著 AI 生成設計的成熟，我們預期未來會出現「設計即程式」的開發模式，開發者可在同一工具鏈中完成概念構思、視覺設計與程式實作。對於關注開發效率與產品品質的技術團隊而言，值得關注此指令的持續演進，並在專案早期即試行，以評估其在實務工作流中的實際價值。