AI 設計神器 Claude Design:教材、簡報、網頁一次搞定

更新 發佈閱讀 4 分鐘

Claude Design 是 Anthropic 推出的對話式設計功能,讓你直接用文字描述就能產出設計稿、互動原型、簡報、one-pager 等視覺內容,可以將「想法」快速變成可編輯的畫面 。其主要功能有:

  • 用對話生成初稿:你先說需求,Claude 會先做出第一版設計。
  • 反覆修改:可以透過聊天、inline comments、直接編輯持續調整。
  • 套用品牌風格:如果有提供設計檔或 codebase,Claude 可學習你的色彩、字型、元件規則,讓輸出更一致。
  • 匯出與接軌:可輸出或轉交到 PDF、PPTX、Canva,甚至接到 Claude Code 做後續開發。
vocus|新世代的創作平台

先前為了給學生能夠以視覺化互動式方式來了解泡沫排序法,所以讓 Claude 寫了一個網頁程式,學生使用的效果還不錯。

vocus|新世代的創作平台

現在,Claude 推出了 Claude Design,試著來建立看看效果如何?

首先,在側邊欄位中切換至 Claude Design。

然後,選取:Prototype。

vocus|新世代的創作平台

使用提示詞:設計一個網頁以呈現氣泡排序法的教學動畫。

接著,在氣泡排序法教學動畫 - 設計方向中選取你想要設計內容。

vocus|新世代的創作平台
vocus|新世代的創作平台

點選:Continue,並觀察其過程。

vocus|新世代的創作平台

沒多人氣泡排序法的網頁做好了,內容十分的完整。

vocus|新世代的創作平台

點選右上角的:Edit,則可以在此編輯一些頁面的設定。

vocus|新世代的創作平台

如果點選在右上角的 Share,再選取:Export as standalone HTML,可以取得一頁式的網頁程式。

vocus|新世代的創作平台

如果點選 Share 中的 Export as PPTX,再選取:Editable · universal fonts。

Claude 說到:這個氣泡排序法教學頁面是一個單頁互動網頁應用程式,不是投影片格式(沒有多張獨立的 slide),因此無法直接匯出為 PPTX。如果您需要投影片版本,我可以幫您:

  1. 重新製作成投影片格式 — 將教學內容拆成多張簡報頁面(例如:介紹頁、概念說明、動畫演示、複雜度分析),再匯出 PPTX
  2. 截圖各個步驟 — 擷取不同排序階段的畫面做成靜態 PPTX

請問您想要哪種方式?

在此,和你對話後才進行簡報的製作,本例選取「1」。

vocus|新世代的創作平台

如果要做為簡報檔,現在就可以點選 Share 中的 Export as PPTX...。

做好的 PowerPoint 簡報,視覺效果的確比其他 AI 產生的結果要好很多!

vocus|新世代的創作平台

如果要做為教材檔,可以點選 Share 中的 Export as PDF,可以將內容儲存為 PDF(透過 Chrome 的列印功能儲存為 PDF)。

vocus|新世代的創作平台

如果在 Share 中點選:Send to Canva,稍待片刻讓 Claude 整理檔案,在對話區中點選:在 CAnva 中開啟編輯。

vocus|新世代的創作平台

可以接著在 Canva 中繼續編輯或發佈為網頁。

vocus|新世代的創作平台

如果選 Share 中的 Download project as .zip,則會打包目前的所有內容為一個 ZIP 壓縮檔。

vocus|新世代的創作平台


留言
avatar-img
學不完.教不停.用不盡
216會員
173內容數
分享個人電腦教學,回答網友提問,解決資料處理與設計問題。
2026/04/25
這次再來探討 Cowork 還有那些工作能讓人享受到 AI 帶來的紅利。例如: 將多個 360 度的圖片轉換為影片 將一個 PDF 檔內容和音樂檔轉成影片 手寫稿圖片(AI產生)轉單頁式網頁 將一個單頁式網頁自行捲動製成影片
Thumbnail
2026/04/25
這次再來探討 Cowork 還有那些工作能讓人享受到 AI 帶來的紅利。例如: 將多個 360 度的圖片轉換為影片 將一個 PDF 檔內容和音樂檔轉成影片 手寫稿圖片(AI產生)轉單頁式網頁 將一個單頁式網頁自行捲動製成影片
Thumbnail
2026/04/24
Gemini 產出的圖片,在右下角都會有一個白色的 Spark 符號(符水印)。這是 Google 標示 AI 生成內容的設計,但也因此常有人詢問如何移除它。 我個人的處理原則很明確:AI 繪製的圖就是 AI 繪製的圖,刻意塗掉這個符號,等於是在掩飾圖片的生成來源,這樣的做法並不妥當。
Thumbnail
2026/04/24
Gemini 產出的圖片,在右下角都會有一個白色的 Spark 符號(符水印)。這是 Google 標示 AI 生成內容的設計,但也因此常有人詢問如何移除它。 我個人的處理原則很明確:AI 繪製的圖就是 AI 繪製的圖,刻意塗掉這個符號,等於是在掩飾圖片的生成來源,這樣的做法並不妥當。
Thumbnail
2026/04/24
國文教師在教學現場,經常需要將範文或學生作文整理成符合稿紙格式的內容,無論是直式書寫、分格排版,或模擬手寫效果,都相當耗時費力。對學生而言,親自手寫作文依然是不可或缺的訓練歷程,有助於培養字形結構、段落安排與書寫節奏,因此這部分不宜被完全取代。 然而,在教師備課與教材製作的流程中,則可以更有效率地
Thumbnail
2026/04/24
國文教師在教學現場,經常需要將範文或學生作文整理成符合稿紙格式的內容,無論是直式書寫、分格排版,或模擬手寫效果,都相當耗時費力。對學生而言,親自手寫作文依然是不可或缺的訓練歷程,有助於培養字形結構、段落安排與書寫節奏,因此這部分不宜被完全取代。 然而,在教師備課與教材製作的流程中,則可以更有效率地
Thumbnail
看更多
你可能也想看
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
Anthropic 正式推出最新旗艦模型 Claude Opus 4.7 與視覺協作工具 Claude Design。解析其在 AI 自主代理、高解析度多模態視覺、軟體工程除錯的關鍵技術升級。
Thumbnail
Anthropic 正式推出最新旗艦模型 Claude Opus 4.7 與視覺協作工具 Claude Design。解析其在 AI 自主代理、高解析度多模態視覺、軟體工程除錯的關鍵技術升級。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
這篇文章介紹了新推出的 AI 設計工具 Claude Design,它能根據文字描述快速生成 App/網站原型、簡報、落地頁等視覺內容。詳述了 Claude Design 的功能、使用方式、特色,它能大幅縮短「有想法的非設計師」與「可用視覺成果」之間的距離,如同一個聽得懂中文、會設計的工作夥伴。
Thumbnail
這篇文章介紹了新推出的 AI 設計工具 Claude Design,它能根據文字描述快速生成 App/網站原型、簡報、落地頁等視覺內容。詳述了 Claude Design 的功能、使用方式、特色,它能大幅縮短「有想法的非設計師」與「可用視覺成果」之間的距離,如同一個聽得懂中文、會設計的工作夥伴。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
AI 的訓練重心正從網路上的公開資訊,轉向人類專家腦中那些難以言傳的隱性知識。本文探討此趨勢,介紹 Claude Skills 如何透過「技能包」將零散知識結構化,並說明「隱性知識提煉」在 AI 時代的重要性。
Thumbnail
AI 的訓練重心正從網路上的公開資訊,轉向人類專家腦中那些難以言傳的隱性知識。本文探討此趨勢,介紹 Claude Skills 如何透過「技能包」將零散知識結構化,並說明「隱性知識提煉」在 AI 時代的重要性。
Thumbnail
Claude Design 是一款讓任何人都能用對話製作視覺作品的工具,背後驅動的模型是同日一起發布的 Claude Opus 4.7。透過自動化讀取設計系統與強大的「對話生成」能力,能深度整合 GitHub 程式碼庫與 Figma 檔案,將設計流程推向全新維度。
Thumbnail
Claude Design 是一款讓任何人都能用對話製作視覺作品的工具,背後驅動的模型是同日一起發布的 Claude Opus 4.7。透過自動化讀取設計系統與強大的「對話生成」能力,能深度整合 GitHub 程式碼庫與 Figma 檔案,將設計流程推向全新維度。
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News