Claude Design，可能是 AI 做 PPT 的新分水嶺
整理版優先睇
Claude Design 將 PPT 從靜態文檔變成可互動嘅 HTML 演示稿，普通人唔使寫 code 都可以整出 3D 模型、物理模擬同複雜圖表。
呢篇文章介紹咗 Claude Design 呢個 AI 工具，作者睇完示範之後覺得佢係 AI 做 PPT 嘅新分水嶺。作者指出傳統 AI PPT 工具多數只係生成靜態圖片，改起上嚟好麻煩；但 Claude Design 用 HTML 做底，所以整到動態、可編輯嘅頁面，仲可以嵌入 3D 模型、物理引擎、互動圖表等網頁級功能。
文章詳細講解咗點樣用 Claude Design：只要開個網站，畀幾張參考圖，再寫段簡單提示詞，就可以生成一套 PPT。作者特別強調「參考圖」好重要，因為冇參考圖嘅話，輸出會好單調，全部變曬 Claude 風格。另外，文章仲介紹咗幾個擴展玩法：用 Spline 加 3D 動效、用 Three.js 整分子結構、用 Matter.js 整物理實驗、用 ECharts 整數據圖表。作者認為呢啲開源庫先係 PPT 嘅隱藏上限，識得越多庫，就解鎖越多技能。
整體結論係：Claude Design 唔係單純嘅文檔工具，而係一個「前端表達工具」。普通人就算唔識寫 code，都可以整到接近網頁級嘅演示稿；但同時間，識得用 Spline、Three.js 呢啲庫嘅人，會得到更大優勢。文章最後提到 Claude Design 而家仲有啲限制，例如跨頁調整唔夠好、生態結合未夠緊密，同埋有時會有多餘英文元素。如果追求更高質素，可以匯出到 Figma 再精修。
- 核心判斷：Claude Design 將 PPT 從靜態頁面推向可互動嘅 HTML 演示稿，唔再係圖片式 PPT。
- 操作方法：打開網站、畀參考圖、寫提示詞，就生成到一套 PPT；參考圖係關鍵，冇嘅話會好單調。
- 擴展玩法：用 Spline 加 3D 動效，用 Three.js、Matter.js、ECharts 等開源庫解鎖分子結構、物理模擬、數據圖表。
- 差異化：Claude Design 嘅輸出水平唔只靠模型（Opus 4.7），仲靠產品設計流程同參考圖；OpenClaw 同 Claude Code 用同一個模型都做唔到同樣效果。
- 可行動點：先將每一頁邏輯寫清楚再畀 AI 生成；善用 Edit、Comment、Tweaks、Draw 四個編輯功能微調；追求高質的話可以匯入 Figma 精修。
由靜態到互動：Claude Design 嘅核心轉變
傳統 AI PPT 工具最煩嘅係生成出嚟一堆圖片，想改字型改顏色都難。Claude Design 嘅做法唔同，佢將設計稿整成 HTML 形式，所以天然可以接入網頁嘅交互能力。
呢個轉變令到 PPT 可以放入3D 模型、分子結構展示、自由落體物理課件、遊戲、圖表同主題色盤，而且普通用戶唔使自己寫 code。
點樣用 Claude Design？基礎流程同關鍵細節
- 1 打開 Claude Design 網站。
- 2 喺左下角對話框輸入需求。
- 3 畀幾張參考圖。
- 4 寫一段簡單提示詞。
- 5 等佢生成一套 PPT。
呢度真正有用嘅細節係：參考圖好重要。同樣接入 Opus 4.7，OpenClaw 或 Claude Code 就算用同樣提示詞，都未必生成到 Claude Design 嗰種視覺完成度。
原因好簡單：模型能力係一部分，但產品裏面嘅設計流程、參考圖同生成方式先係關鍵。冇參考圖嘅時候，佢容易生成千篇一律嘅 Claude 風格；畀到強視覺風格嘅參考圖之後，效果先更貼近真正嘅設計稿。
三大開源庫：解鎖 PPT 嘅隱藏上限
HTML 生成 PPT 嘅真正優勢，係可以調用互聯網沉澱咗幾十年嘅開源庫。文章重點介紹咗三個庫：
- Three.js：前端 3D 渲染，可以整分子結構、3D 模型、空間動畫。
- Matter.js：2D 物理引擎，可以整自由落體、碰撞、物理實驗課件。
- ECharts：數據可視化圖表，可以整 GDP 圖表、3D 圖表、交互分析頁。
每多識一個庫，就等於幫 PPT 解鎖一項新技能。再向外擴，仲有地圖、金融 K 線、代碼展示、複雜公式等場景。
所以未來做 PPT 嘅能力，唔只取決於你識唔識寫提示詞，仲取決於你知道邊啲庫、知道邊啲視覺表達方式。
編輯功能同埋限制：實用性嘅關鍵
Claude Design 畀咗四種編輯方式，解決「生成到但難改」嘅問題：
- Edit：好似傳統 PPT 咁改字號、字重、行距、透明度。
- Comment：揀中元素後，透過評論提出精確修改要求。
- Tweaks：生成可調參數面板，例如圓角、配色等。
- Draw：手繪圈選區域，等 AI 按位置補元素或修改。
呢幾個功能嘅價值係：唔使你重新生成一版，而係喺當前頁面上繼續改。對日常辦公嚟講，呢個比單純生成靚頁面更加重要。因為真正做 PPT 嘅時候，最後 30% 嘅時間都係用喺微調上面。
不過而家仲有幾個明顯限制：跨頁調整唔夠好（例如將第 2 頁內容搬去第 5 頁）、生態結合未夠緊密</highlight><inline_text>（例如同 Claude Code 聯動唔順，生成嘅網頁版暫時唔方便分享）、同埋有啲早期小問題</highlight>（例如多餘英文元素、風格唔穩定）。
更高質素嘅選擇：匯入 Figma 再精修
如果你只係想借用 Claude Design 嘅審美，可以先畀佢生成一個大致方案，再用 HTML to Figma 類插件導入 Figma。咁樣佢就會變成一個可以無限縮放、可以像素級精修嘅設計稿。
呢條路線適合對視覺質量要求更高嘅人：先用 Claude Design 起稿，再用 Figma 精修。
Claude Design，可能係 AI 做 PPT 嘅新分水嶺
2026 年，AI 做 PPT 嘅終極形態，可能已經唔係「幫你排幾頁靜態幻燈片」。
呢套方案展示嘅效果更加似一套網頁演示系統：PPT 裏面可以放 3D 模型，可以做分子結構展示，可以做自由落體物理課件，亦可以嵌入遊戲、圖表同主題色盤。
最關鍵嘅係，普通用戶唔需要自己寫代碼。
核心判斷係：Claude Design 正將 PPT 由靜態頁面，推到可交互、可編輯、可調用前端能力嘅新形態。
唔係圖片式 PPT，而係 HTML 演示稿
傳統 AI PPT 工具常見嘅問題係：睇落似 PPT，但本質上更似一組圖片。
睇得，難改。
Claude Design 嘅思路唔同。佢將設計稿整成 HTML 形式，所以自然可以接入網頁嘅交互能力。
呢個亦係點解開頭場景會展示 3D 環繞、分子模型、物理課件、GDP 圖表呢啲效果。
佢哋唔止係視覺炫技，而係說明一件事：PPT 嘅能力邊界開始接近網頁。
Claude Design 點樣用
基礎流程好簡單：
打開 Claude Design。 喺左下角對話框輸入需求。 畀幾張參考圖。 寫一段簡單提示詞。 等佢生成一套 PPT。
佢適合嘅場景包括工作匯報、技術分享、兒童課件、產品介紹頁。
呢度真正有用嘅細節係：參考圖好重要。
同樣係接入 Opus 4.7，唔同工具嘅輸出質素差距依然好明顯。OpenClaw 或 Claude Code 就算接入同樣模型，用同樣提示詞，都唔一定生成到 Claude Design 嗰種視覺完成度。
原因好簡單：模型能力係一部分，產品裏面嘅設計流程、參考圖同生成方式都係一部分。
冇參考圖嘅時候，佢容易生成千篇一律嘅 Claude 風格；畀到強視覺風格嘅參考圖之後，效果先會更加接近真正嘅設計稿。
Spline：將 3D 動效塞入 PPT
第一個關鍵玩法，係 Spline。
Spline 係一個 3D 設計平台，上面有大量現成嘅高質素 3D 效果。流程大概係：
喺 Spline 揾到鍾意嘅 3D 設計。 撳 Remix。 揾到右上角 Export。 複製 Embed 連結。 返去 Claude Design，將連結貼入去。
咁就可以得到一頁帶動態 3D 效果嘅 PPT。
如果你有公司產品嘅三維模型，都可以先上傳到 Spline，再將連結畀 Claude Design，用嚟生成產品介紹頁面。
呢件事嘅意義在於：動態視覺本身就係演示嘅吸引力。
以前做一個 3D 產品頁，要識建模、識前端、識動畫。而家如果只係做演示稿，門檻已經低好多。
開源庫：PPT 嘅隱藏上限
HTML 生成 PPT 嘅真正優勢，係可以調用互聯網沉澱咗幾十年嘅開源庫。
呢度重點係三個庫：
呢個其實係最值得關注嘅地方。
每多瞭解一個庫，就好似幫 PPT 解鎖一項新技能。
你可以調用 Three.js 做分子模型，可以調用 Matter.js 做物理實驗，可以調用 ECharts 做複雜數據分析。再向外擴，仲有地圖、金融 K 線、代碼展示、複雜公式等場景。
亦即係話，將來做 PPT 嘅能力，唔止取決於識唔識寫提示詞，仲取決於你知唔知道邊啲庫、知唔知道邊啲視覺表達方式。
點解 Claude Design 唔等於 Claude Code
一個好實際嘅對比係：OpenClaw 同 Claude Code 都可以接入 Opus 4.7，但輸出結果同 Claude Design 仍然唔同。
呢樣嘢說明一件事：模型唔係全部。
一個工具最終效果如何，仲取決於佢有冇圍繞具體任務做產品設計。
Claude Code 偏向工程執行同代碼任務。Claude Design 偏向視覺生成、設計稿組織同可編輯演示。
所以你唔可以淨係問「佢哋係咪同一個模型」，仲要問：
呢個產品有冇將模型能力封裝成適合設計工作嘅流程？
4 個編輯功能，解決「生成到但唔好改」
HTML PPT 最大嘅問題唔係生成，而係修改。
Claude Design 畀咗 4 種編輯方式：
呢幾個功能嘅價值在於，佢哋唔係叫你「重新生成一版」，而係令你喺當前頁面繼續改。
對日常辦公嚟講，呢個比單純生成靚頁面更加重要。
因為真正做 PPT 嘅時候，最後 30% 嘅時間通常都係花喺微調上面。
而家仲未完美
Claude Design 而家都有幾個明顯限制。
第一，跨頁調整仲未夠好。
例如將第 2 頁嘅內容搬去第 5 頁，或者合併第 3 頁同第 4 頁。對所有 HTML 生成 PPT 嘅產品嚟講，呢類跨頁面結構調整都仲係比較難。
所以比較穩陣嘅做法係：先用文字將每一頁嘅邏輯寫清楚，再等 AI 生成。
第二，生態結合仲未夠緊密。
佢同 Claude Code 等工具嘅聯動仲未咁順，生成嘅網頁版本暫時都唔方便透過連結分享畀其他人。
第三，仍然會出現一啲早期產品嘅小問題，例如多餘英文元素、風格唔完全穩定等。
想繼續精修，可以導入 Figma
如果你只係想借用 Claude Design 嘅審美，可以先等佢生成一個大概方案，再用 HTML to Figma 類插件導入 Figma。
咁樣佢就會變成一個可以無限縮放、可以像素級精修嘅設計稿。
呢條路線適合對視覺質素要求更高嘅人：先用 Claude Design 起稿，再用 Figma 精修。
呢件事真正改變咗啲咩
我覺得呢期視頻最核心嘅判斷唔係「Claude Design 好勁」。
而是：AI PPT 開始由文檔工具，變成前端表達工具。
以前我哋做 PPT，思路係頁面、文本、圖片、圖表。
而家佢開始變成頁面、交互、模型、數據、動畫同組件。
呢樣嘢對普通人嚟講意味住啲咩？
以後你唔識寫代碼，都可能做到接近網頁級別嘅演示稿。
但反過嚟，差距亦會變大。
淨係識寫「幫我做一個年終匯報 PPT」嘅人，同知道 Spline、Three.js、Matter.js、ECharts 嘅人，最後生成出嚟嘅嘢，好可能唔係同一個層次。
AI 做 PPT 嘅上限，唔止喺模型，亦喺你嘅素材庫同表達庫。
Claude國內使用：
Claude 賬號已恢復 24 小時供應 經過技術攻關同全新防封策略嘅部署，我哋已成功解決近期 Claude 官網頻繁封號同「秒封」嘅問題，即刻起，Claude 官網賬號池取消所有時段限制，全面恢復全天 24 小時不間斷供應！ 大家可以隨時正常使用。
https://maynorai.jichiyun.sbs/buy/10 （瀏覽器打開）
Claude Design，可能是 AI 做 PPT 的新分水嶺
2026 年，AI 做 PPT 的終極形態，可能已經不是“幫你排幾頁靜態幻燈片”。
這套方案展示的效果更像一套網頁演示系統：PPT 裏可以放 3D 模型，可以做分子結構展示，可以做自由落體物理課件，也可以嵌入遊戲、圖表和主題色盤。
最關鍵的是，普通用戶不需要自己寫代碼。
核心判斷是：Claude Design 正在把 PPT 從靜態頁面，推到可交互、可編輯、可調用前端能力的新形態。
不是圖片式 PPT，而是 HTML 演示稿
傳統 AI PPT 工具常見的問題是：看起來像 PPT，但本質上更像一組圖片。
能看，難改。
Claude Design 的思路不一樣。它把設計稿做成 HTML 形式，所以天然能接入網頁裏的交互能力。
這也是為什麼開頭場景會展示 3D 環繞、分子模型、物理課件、GDP 圖表這些效果。
它們不只是視覺炫技，而是在說明一件事：PPT 的能力邊界開始接近網頁。
Claude Design 怎麼用
基礎流程很簡單：
打開 Claude Design。 在左下角對話框裏輸入需求。 給幾張參考圖。 寫一段簡單提示詞。 讓它生成一套 PPT。
它適合的場景包括工作彙報、技術分享、兒童課件、產品介紹頁。
這裏真正有用的細節是：參考圖很重要。
同樣是接入 Opus 4.7，不同工具的輸出質量差距依然很明顯。OpenClaw 或 Claude Code 即便接入同樣模型，用同樣提示詞，也不一定能生成 Claude Design 那種視覺完成度。
原因很簡單：模型能力是一部分，產品裏的設計流程、參考圖和生成方式也是一部分。
沒有參考圖時，它容易生成千篇一律的 Claude 風格；給到強視覺風格的參考圖後，效果才會更接近真正的設計稿。
Spline：把 3D 動效塞進 PPT
第一個關鍵玩法，是 Spline。
Spline 是一個 3D 設計平台，上面有大量現成的高質量 3D 效果。流程大概是：
在 Spline 找到喜歡的 3D 設計。 點擊 Remix。 找到右上角 Export。 複製 Embed 連結。 回到 Claude Design，把連結貼進去。
這樣就能得到一頁帶動態 3D 效果的 PPT。
如果你有公司產品的三維模型，也可以先上傳到 Spline，再把連結給 Claude Design，用來生成產品介紹頁面。
這件事的意義在於：動態視覺本身就是演示的吸引力。
以前做一個 3D 產品頁，要懂建模、懂前端、懂動畫。現在如果只是做演示稿，門檻已經低很多。
開源庫：PPT 的隱藏上限
HTML 生成 PPT 的真正優勢，是可以調用互聯網沉澱了幾十年的開源庫。
這裏重點是三個庫：
這其實是最值得關注的地方。
每多瞭解一個庫，就像給 PPT 解鎖一項新技能。
你可以調用 Three.js 做分子模型，可以調用 Matter.js 做物理實驗，可以調用 ECharts 做複雜數據分析。再往外擴，還有地圖、金融 K 線、代碼展示、複雜公式等場景。
也就是說，未來做 PPT 的能力，不只取決於會不會寫提示詞，還取決於你知道哪些庫、知道哪些視覺表達方式。
為什麼 Claude Design 不等於 Claude Code
一個很實際的對比是：OpenClaw 和 Claude Code 也能接入 Opus 4.7，但輸出結果和 Claude Design 仍然不同。
這說明一件事：模型不是全部。
一個工具最終效果如何，還取決於它有沒有圍繞具體任務做產品設計。
Claude Code 更偏工程執行和代碼任務。Claude Design 更偏視覺生成、設計稿組織和可編輯演示。
所以你不能只問“它們是不是同一個模型”，還要問：
這個產品有沒有把模型能力封裝成適合設計工作的流程？
4 個編輯功能，解決“能生成但不好改”
HTML PPT 最大的問題不是生成，而是修改。
Claude Design 給了 4 種編輯方式：
這幾個功能的價值在於，它們不是讓你“重新生成一版”，而是讓你在當前頁面上繼續改。
對日常辦公來說，這比單純生成漂亮頁面更重要。
因為真正做 PPT 時，最後 30% 的時間往往都花在微調上。
現在還不完美
Claude Design 現在也有幾個明顯限制。
第一，跨頁調整還不夠好。
比如把第 2 頁內容挪到第 5 頁，或者合併第 3 頁和第 4 頁。對所有 HTML 生成 PPT 的產品來說，這類跨頁面結構調整都還比較難。
所以更穩的做法是：先用文字把每一頁的邏輯寫清楚，再讓 AI 生成。
第二，生態結合還不夠緊密。
它和 Claude Code 等工具的聯動還沒有那麼順，生成的網頁版本暫時也不方便通過連結分享給其他人。
第三，仍然會出現一些早期產品的小問題，比如多餘英文元素、風格不完全穩定等。
想繼續精修，可以導入 Figma
如果你只是想借用 Claude Design 的審美，可以先讓它生成一個大致方案，再用 HTML to Figma 類插件導入 Figma。
這樣它就會變成一個可以無限縮放、可以像素級精修的設計稿。
這條路線適合對視覺質量要求更高的人：先用 Claude Design 起稿，再用 Figma 精修。
這件事真正改變了什麼
我覺得這期視頻最核心的判斷不是“Claude Design 很強”。
而是：AI PPT 開始從文檔工具，變成前端表達工具。
以前我們做 PPT，思路是頁面、文本、圖片、圖表。
現在它開始變成頁面、交互、模型、數據、動畫和組件。
這對普通人意味着什麼？
以後你不會寫代碼，也可能做出接近網頁級別的演示稿。
但反過來，差距也會變大。
只會寫“幫我做一個年終彙報 PPT”的人，和知道 Spline、Three.js、Matter.js、ECharts 的人，最後生成出來的東西，很可能不是一個維度。
AI 做 PPT 的上限，不只在模型，也在你的素材庫和表達庫。
Claude國內使用：
Claude 賬號已恢復 24 小時供應 經過技術攻關與全新防封策略的部署，我們已成功解決近期 Claude 官網頻繁封號及“秒封”的問題，即刻起，Claude 官網賬號池取消所有時段限制，全面恢復全天 24 小時不間斷供應！ 大家可以隨時正常使用。
https://maynorai.jichiyun.sbs/buy/10 （瀏覽器打開）