Claude Artifacts 是什麼、怎麼用：創建、分享與導出（2026 新版）

本文根據 Anthropic 官方幫助中心、發佈說明、產品頁和 Claude Code 官方文檔整理，核對日期 2026-10-07。截圖引用自 Claude Code 官方文檔和 Anthropic 官方公告配圖，圖下註明出處。Artifacts 在 2026 年 9 月剛改版，網上較早的教學（「右側彈出代碼窗口」「Publish 發佈」）說的多是舊版。

適用於誰

• 搜「claude artifacts 是什麼」「claude artifacts 怎麼用」，第一次在 Claude 右側看到彈出窗口的人；
• 想讓 Claude 直接做一份能分享的文檔、幻燈片、網頁小工具或數據看板的人；
• 想把 Claude 做出來的東西導出成 Word、PPT、PDF、HTML 的人（「claude artifacts export」）。

結論先說

1. Artifact 是 Claude 做出來、可以直接拿給別人看的成品：設計稿、幻燈片、文檔、儀表盤、小型交互工具等。它在對話旁邊打開，可以繼續編輯、以後再回來改、分享給別人。
2. 2026 年 9 月 16 日改版：現在在任何對話裏都能直接要一份設計、幻燈片或文檔，也可以從「Artifacts」標籤頁的模板開始；這天之前在聊天裏做的叫「舊版 Artifacts」，還能打開和分享，但不能再新建。
3. 要先開開關：在「設定 → 功能（Capabilities）」裏打開「雲端代碼執行與文件創建」，否則不會生成 Artifact。
4. 預設只有自己能看，點「分享（Share）」才會給出連結；模板做的作品可以一鍵導出成常用格式。

套餐差異（官方幫助中心）

模板目前是付費套餐上的 beta 功能，Pro、Max、Team 預設開啟；Claude Code 裏的 Artifacts 在所有包含 Claude Code 的套餐上可用。在本站開通 Pro 可前往 /chongzhi/claude-pro。

步驟

1. 打開功能開關

個人套餐：「設定 → 功能（Settings → Capabilities）」，打開「雲端代碼執行與文件創建（Cloud code execution and file creation）」。Team / Enterprise 由管理員在「組織設定 → 功能」裏統一控制。

2. 讓 Claude 做一個 Artifact

三種入口：

• 直接在對話裏說：例如「把我們剛才討論的方案整理成一份可以發給團隊的產品需求文檔」「做一個可以輸入身高體重、自動算 BMI 的小網頁」。
• 在輸入框選「輸出（Output）」，再選文檔（Docs）、幻燈片（Slides）或設計（Design）模板；文檔也可以用 /docs 開頭。
• 去側邊欄的「Artifacts」標籤頁，從模板庫裏挑一個開始。

Claude 什麼時候會自動做成 Artifact？官方給的標準：內容比較完整、通常超過 15 行，獨立成篇、不依賴對話上下文也能看懂，而且你很可能要修改、反覆用或以後再看。

三類模板的區別：

• Docs（文檔）：和 Claude、同事實時協作的「活文檔」，支持標題、表格、多個標籤頁；Claude 動筆前會先問幾個問題，並在文檔裏留批註說明它的取捨。
• Slides（幻燈片）：根據筆記、報告或對話內容生成演示稿，可以直接改某一頁、在 Claude 裏直接演示。
• Design（設計）：視覺稿、原型、單頁介紹、落地頁，可以導入你的設計系統（顏色、字體、組件）。

圖片來源：Anthropic 官方公告《Introducing Claude Design by Anthropic Labs》

3. 編輯和迭代

• 直接告訴 Claude 要改什麼，Artifact 會實時更新；
• 模板做的作品可以直接上手改：在文檔裏打字、改某一頁幻燈片、在設計畫布上拖動元素；
• 文檔或 Markdown 裏選中一段文字 → 點「用 Claude 編輯（Edit with Claude）」再寫要求，Claude 就只改你標出的那一段，不用再描述是哪一段；
• 想換個方向又不丟掉當前版本：編輯之前的某條消息，會生成一個新的對話分支，各自有各自的 Artifact；
• Artifact 報錯時，點錯誤訊息附近的「Try fixing with Claude」，把錯誤詳情交給 Claude 修復（官方說明不保證一定成功）。

4. 找回以前做的

你做過的所有 Artifact 都會儲存在側邊欄的「Artifacts」標籤頁，在任何對話裏都能找到，也可以從這裏整理和新建。手機 App 上可以在對話裏要求生成，並在 Artifacts 標籤查看；但從模板開始、編輯和修改分享設定要用網頁版或桌面版。

5. 分享

1. 打開 Artifact，點「分享（Share）」；
2. Pro / Max 在「誰可以訪問」裏選「僅自己」或「擁有連結的任何人」；也可以輸入電郵邀請指定的人（beta，每個 Artifact 最多邀請 50 位組織外的人，邀請 30 天未接受會過期）；
3. 複製連結發出去。

注意幾點：

• 打開分享連結的人也需要登入 Claude 帳號，唯一例外是舊版公開發布的 Artifact；
• 權限分三檔：可查看、可評論（還能下載 Artifact 提供的文件）、可編輯；
• 會調用 Claude 或連接了你應用的 Artifact，不能設成「擁有連結的任何人」；
• 取消分享：同一選單裏改回「僅自己」。

6. 導出

• 文檔：可導出 Word、PDF、Markdown、Google 文檔；
• 幻燈片：PowerPoint、PDF；
• 設計：.zip、PDF、PowerPoint、獨立 HTML，或直接發送到其他工具；
• 舊版 Artifact：用面板頂部的按鈕查看代碼、複製內容或下載。

會「調用 Claude」的 Artifact：做成小應用

你可以讓 Claude 做一個本身會調用 Claude 的 Artifact，比如問答機器人、寫作教練、小遊戲。別人打開後用自己的 Claude 帳號登入使用，消耗的是使用者自己的套餐額度，不是你的；不需要 API Key，分享也不收費。新建的這類 Artifact 第一次調用 Claude 前會徵求同意。注意新版裏這類作品不能設成「擁有連結的任何人」，通過電郵邀請的組織外成員也用不了其中調用 Claude 的部分；面向公開分享的，是舊版裏「發佈」出去的 Artifact。

付費套餐還可以：

• 連接應用：讓 Artifact 讀寫 Asana、Google 日曆、Slack 等你已連接的應用，第一次使用時會列出要用的工具請你確認；每個使用者連接的都是自己的帳號。
• 存儲數據：做日記、打卡表、排行榜之類會儲存數據的工具。分「個人存儲」（每人只看到自己的）和「共享存儲」（所有人看到同一份），每個 Artifact 上限 20 MB、只能存文本。官方提醒：錄入敏感資料前先確認它用的是不是共享存儲。

Claude Code 裏的 Artifacts

在 Claude Code 裏（Pro、Max、Team、Enterprise，需用 /login 登入訂閱帳號），可以讓 Claude 把會話成果發佈成一個 Artifact：一張實時更新的網頁，地址在 claude.ai 上，預設私有。適合做帶批註的 PR 講解、根據會話數據生成的看板、幾種方案並排對比、長任務的進度時間線等。

text
做一個 artifact，按服務統計上週的部署失敗次數，排查過程中持續更新

• 發佈後瀏覽器會自動打開；每次重新發布都是一個新版本，可以在「分享」裏選擇給別人看哪個版本；
• 運行 /artifacts 列出你擁有和別人分享給你的所有 Artifact，按 o 在瀏覽器打開、c 複製連結；Ctrl+] 重新打開本會話最近的一個；
• 它只是一個獨立頁面，沒有後端，不能替代真正部署的內部系統。

圖片來源：Claude Code 官方文檔《Share session output as artifacts》

常見問題

Q：我以前做的 Artifact 還在嗎？

在。2026 年 9 月 16 日之前在聊天裏做的是「舊版 Artifacts」，可以繼續打開、發佈和分享，只是不能再新建這種類型。舊版在 Free / Pro / Max 上顯示的是「發佈（Publish）」按鈕，發佈後任何拿到連結的人不登入也能看，還可以生成嵌入代碼放到其他網站。注意：取消發佈後不能再次發佈，並且會永久刪除它存儲的數據。

Q：為什麼我的對話裏不出現 Artifact？

先檢查「設定 → 功能」裏的雲端代碼執行與文件創建是否打開；團隊帳號要看管理員是否允許。內容太短、和對話強相關時，Claude 也可能直接在回覆裏給出，這時可以明確說「做成一個 Artifact」。

Q：Free 能用嗎？

能在聊天裏創建 Artifact；從模板開始、連接應用、存儲數據這些按幫助中心說明屬於付費套餐功能。

Q：做 Artifact 會更費額度嗎？

幫助中心把「生成和使用 Artifacts」列為影響用量的因素之一。額度規則詳見本站《Claude 使用限制與額度》。

Q：打開別人分享的 Artifact 安全嗎？

官方提醒只打開信任的人分享的 Artifact，把它當作陌生人發來的文件看待；基於別人發佈的 Artifact 二次創作時同樣如此。

參考資料

• What are artifacts and how do I use them?（官方）：https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them
• Share artifacts（官方）：https://support.claude.com/en/articles/9547008-share-artifacts
• Get started with Claude Docs（官方）：https://support.claude.com/en/articles/16923645-get-started-with-claude-docs
• Claude 發佈說明（2026-09-16 條目）：https://support.claude.com/en/articles/12138966-release-notes
• Artifacts 產品頁：https://claude.com/features/artifacts
• 套餐對比：https://claude.com/pricing
• Claude Code：Share session output as artifacts（官方）：https://code.claude.com/docs/en/artifacts
• Anthropic：Introducing Claude Design by Anthropic Labs：https://www.anthropic.com/news/claude-design-anthropic-labs