Claude Design 發佈說明

Anthropic 推出了 Claude Design,這是來自 Anthropic Labs 的新產品,允許使用者與 Claude 協作以建立精美的視覺資產,包括設計、原型、簡報和單頁文件。該工具由 Claude Opus 4.7 視覺模型驅動,目前正針對 Claude Pro、Max、Team 和 Enterprise 訂閱者提供研究預覽版。

核心能力與使用場景

Claude Design 使專業設計師和非設計師都能透過對話式提示和直接編輯來生成並迭代視覺作品。該工具旨在減少原型製作的摩擦力以及手動探索的限制。

關鍵應用包括:

  • 互動式原型: 設計師可以將靜態模型轉換為可分享的互動式原型,用於使用者測試,而無需進行程式碼審查或 pull requests。
  • 產品線框圖: 產品經理可以建立功能流程,以便移交給 Claude Code 進行實作或由設計師進行進一步完善。
  • 設計探索: 該工具允許設計師快速生成廣泛的視覺方向。
  • 簡報與提案簡報: 使用者可以將粗略的大綱轉換為符合品牌風格的簡報,並可匯出至 PPTX 或 Canva。
  • 行銷資產: 行銷人員可以建立登陸頁面和社群媒體視覺效果,供後續設計師進行精修。
  • 前沿設計: 該平台支援結合 3D、著色器 (shaders)、語音、影片和內建 AI 的程式碼驅動原型。

技術工作流程與整合

Claude Design 利用自然的創意流程,將品牌識別和外部數據整合到設計過程中。

品牌整合與設計系統

在引導過程中,Claude Design 會透過分析公司的程式碼庫和設計文件來建立團隊設計系統。這確保了所有後續專案都會自動套用組織特定的顏色、字體和組件。團隊可以維護多個設計系統並隨著時間推移進行完善。

輸入與匯入方法

使用者可以使用幾種方法啟動專案:

  • 文字提示: 對所需設計的直接描述。
  • 檔案上傳: 支援圖像和 DOCX、PPTX 及 XLSX 格式的文件。
  • 程式碼庫整合: 直接指向現有的程式碼庫。
  • 網頁擷取: 一種從即時網站擷取元素以確保原型反映實際產品的工具。

優化與協作

迭代透過精細控制和協作工具的結合來進行:

  • 直接編輯: 使用者可以直接編輯文字、在特定元素上進行行內評論,或使用自定義調整旋鈕(由 Claude 建立)來微調佈局、顏色和間距。
  • 組織範圍共享: 設計可以保持私密、透過連結在組織內共享以供查看,或透過具備編輯權限的共享進行與 Claude 的小組對話。

匯出與移交

Claude Design 提供多種路徑將設計移入生產或最終簡報:

  • 匯出格式: 設計可以匯出為內部 URL、資料夾、PDF、PPTX、獨立 HTML 檔案,或直接傳送到 Canva。
  • Claude Code 移交: 一旦設計定稿,Claude 會將專案打包成一個移交包,只需一條指令即可將其傳遞給 Claude Code 進行實作。

使用者回饋與產業採用

早期採用者報告稱,原型製作時間顯著減少,且從設計到程式碼的轉換效率有所提高。

"Brilliant 的複雜互動性和動畫在過去很難進行原型製作,但 Claude Design 將靜態設計轉化為互動式原型的能力對我們來說是一個重大的變革。我們最複雜的頁面,在其他工具中需要 20 多次提示才能重建,在 Claude Design 中只需要 2 次提示。"

"Claude Design 為我們的團隊大幅加快了原型製作速度,實現了對話過程中的即時設計。我們已經從一個粗略的想法轉變為一個可運行的原型,甚至在大家離開房間之前... 原本需要在簡報、模型和審查輪次之間往返一週的時間,現在只需一次對話即可完成。"

提供範圍

Claude Design 可供 Claude Pro、Max、Team 和 Enterprise 訂閱者使用。對於 Enterprise 組織,此功能預設為停用,必須由管理員在 Organization 設定中啟用。

Sources

相關