Claude Design 整合進 Claude Code:讀程式碼庫元件直接畫 UI,還能畫布微調
Anthropic 將 Claude Design 深度整合到 Claude 對話與 Claude Code 中,所有使用者均可使用。開發者在終端輸入 /design 即可讀取原生代碼庫的設計規範,生成符合品牌風格的介面並直接在畫布上微調,隨後一鍵銜接寫程式碼或推送至 Vercel。
Anthropic 將 Claude Design 深度整合到 Claude 對話與 Claude Code 中,所有使用者均可使用。開發者在終端輸入 /design 即可讀取原生代碼庫的設計規範,生成符合品牌風格的介面並直接在畫布上微調,隨後一鍵銜接寫程式碼或推送至 Vercel。
Anthropic 升級 Claude Design,支援從 GitHub 或設計檔案匯入設計系統元件以保持品牌規範。新版支援在畫布上直接拖拽排版與微調,並能與 Claude Code 雙向同步程式碼,還新增了連線 Adobe、Vercel 等工具的能力。目前面向付費訂閱使用者測試。
Canva 宣佈接入 Anthropic 的 Claude Design,並上線 HTML 匯入功能。使用者在 Claude 中生成的草稿與互動式程式碼可直接匯入 Canva,無需反覆重寫程式碼,通過拖拽就能改佈局、換顏色。這意味著 AI 產出的原型終於能無縫進入團隊設計流。
Anthropic 推出全新實驗產品 Claude Design,由新旗艦模型 Claude Opus 4.7 驅動。使用者通過自然語言對話就能生成可互動原型、PPT 和網頁,支援自定義滑塊微調,還能一鍵打包交接給 Claude Code 寫程式碼。目前已面向 Pro、Max、Team 和企業訂閱使用者開放測試。