Claude Artifacts 是什麼？功能、使用教學與分享方式

你請 AI 整理了一份工作清單，接著想把它變成可以勾選、篩選、交給同事使用的頁面，卻卡在「這些文字要怎麼變成工具？」Claude Artifacts 就是讓你在對話裡做出這類成果，再接著修改與使用的功能。

對一般工作者來說，最有感的改變，是可以直接看到文件、簡報或互動工具的成品，指出哪裡要改，再讓 Claude 接著處理。接下來我會帶你認識 Artifacts 的用途，並用一個工作任務追蹤器，說明從第一份作品到分享、匯出的做法。

Claude Artifacts 是什麼？從聊天答案變成可操作成果

Claude Artifacts 是 Claude 裡可以獨立開啟、持續編輯與重複使用的成果。你在對話中提出需求後，作品會在旁邊的面板打開，並擁有自己的頁面。文件、簡報、設計稿，以及可以操作的小工具，都能以 Artifact 的形式呈現。

例如，你請 Claude 整理五項待辦工作，一般回答可以是一份文字清單；若要求做成互動式 Artifact，就能進一步製作「切換完成狀態」「只看未完成任務」的操作介面。你提出修改時，討論的對象也很明確：就是眼前這份作品。

這也是 Claude Artifacts 對不懂程式的人有幫助的地方。你可以從畫面與操作結果判斷需求有沒有被完成，再用自然語言提出下一個修改。想先了解 Claude 的基本入口與用途，可以搭配閱讀Claude 使用介紹。

Anthropic 的Artifacts 官方教學也把「有獨立頁面、能在 Claude 裡繼續編輯與協作」列為特色；單純在聊天中拿到一個下載檔案，則是另一種交付方式。

Claude Artifacts 可以做什麼？

Claude Artifacts 現在涵蓋多種成果。選擇時，可以先想「完成後要讓別人讀、看簡報、試畫面，還是操作工具？」這會直接影響你該要求 Claude 做哪一種作品。

第一次使用，我建議選一個你知道怎麼驗收的小工具。例如工作清單，你很清楚「勾選後應該發生什麼」「只看未完成時應該留下哪些項目」，因此容易看出 Claude 做對了什麼，也能指出要修改的地方。

工商時間

如果你想要更系統化、更輕鬆的學好 SEO 與 AI SEO，歡迎參考我與知識衛星合作的 SEO 線上課程：《SEO 排名攻略學》、《AI SEO 流量變革》。

透過《SEO 排名攻略學》獲得穩定的 SEO 流量與實戰經驗。
再搭配《AI SEO 流量變革》看懂 AI 搜尋趨勢，搶佔 AI 搜尋紅利。

Claude Artifacts 怎麼開啟？免費版能用嗎？

使用 Claude Artifacts，可以從Claude 網頁版或桌面版開一個對話，直接要求「請把這個內容做成 Artifact」。你也可以從側邊欄的 Artifacts 頁面選擇作品類型，或在訊息輸入框的 Output 選單選範本。

Free 方案可以建立 Artifacts；新作品的連結分享、持續儲存輸入資料，以及串接已連接的工具，則有付費方案門檻。

如果只是先做第一個作品、修改畫面與試操作，可以從免費版開始；如果你的目的是把同一份作品交給別人在線上開啟，就要把分享能力一起考慮。

找不到功能時，個人帳號可到 Settings → Capabilities，查看「Cloud code execution and file creation」是否啟用；新版設定名稱為「Create and edit files」。

Team、Enterprise 則由組織的 Capabilities 設定管理。這是官方列出的啟用條件。

網路上的舊教學可能會出現「Publish」按鈕。Anthropic 將 2026 年 9 月 16 日以前在聊天中建立的作品列為 legacy artifacts，新作品採用的分享流程是「Share」。因此，操作新作品時，跟著新版的 Share 說明走，會比較容易找到相同的選項。

手機也能提出製作需求，查看並編輯文件、簡報與設計成果；調整分享設定時，請切換到網頁版或桌面版。以下以網頁版的對話流程說明。

做出第一個 Claude Artifacts：工作任務追蹤器

我們用「每週工作任務追蹤器」作為第一件作品。它只需要顯示任務、切換狀態與篩選項目，不必先接公司的系統，就能體會 Claude Artifacts 從文字需求做出操作介面的方式。

第一步：把工作需求變成明確指令

開始製作時，先讓 Claude 知道誰會使用、畫面要呈現什麼，以及按下去應該發生什麼。下面是一份可以直接貼進對話的練習指令，使用虛構任務就能開始：

請建立一個繁體中文的每週工作任務追蹤器，做成可以直接操作的自訂 Artifact。

這個工具給一般上班族使用。每筆任務要有任務名稱、負責人、期限，以及「未開始／進行中／已完成」三種狀態。

請先放入五筆虛構資料，讓我可以新增任務、修改狀態、依負責人篩選，也能只看未完成任務。畫面上方顯示任務總數與已完成數。

先完成畫面與這些操作，不串接外部服務，也不加入登入功能。如果有需要我決定的地方，請先問我。

這份指令把「畫面內容」與「操作反應」都交代出來。相較於只說「幫我做一個好用的工具」，Claude 比較知道要產出哪些欄位與按鈕；你也有一份清楚的清單可以逐項試用。

送出需求後，先回答 Claude 提出的必要問題，再請它建立作品。完成的 Artifact 會在對話旁打開，也會存到側邊欄的 Artifacts 頁面，之後可從那裡重新開啟。這個建立流程可對照官方自訂 Artifact 教學。

第二步：打開作品，試完三個操作

第一版出現後，先沿著剛才的需求實際操作。以這個任務追蹤器為例，做完以下三件事，就能判斷主要功能是否接起來：

1. 新增一筆任務：輸入「寄出提案」，填入負責人與期限，查看它是否出現在清單。
2. 切換任務狀態：把一筆任務改為「已完成」，查看上方的已完成數是否跟著增加。
3. 測試篩選：選擇「只看未完成」，剛完成的任務應從目前清單消失；切回全部後，它應重新出現。

如果某一步的結果不對，把「你做了什麼、實際看到什麼、原本預期什麼」一起告訴 Claude。例如：「我把寄出提案改成已完成，但上方計數還是零，請讓計數隨狀態更新。」這樣的回報，比「工具壞了，幫我修」更容易定位問題。

畫面若直接出現錯誤訊息，也可以使用旁邊的「Try fixing with Claude」，把錯誤詳情帶回對話。修改後再操作同一個步驟，看結果是否已符合需求。

第三步：修改同一份 Claude Artifacts

Claude Artifacts 的修改可以接在原本對話裡進行。整體調整適合直接說，例如：「把清單改成依負責人分組，保留現有任務與狀態篩選。」需要針對某一處修改時，可以用 Comment 標出位置，寫下要求並保留「Send to Claude」。

以工作追蹤器來說，你可以先把操作修好，再調整顯示方式：「已完成任務用灰色呈現，進行中用藍色，未開始維持一般文字。」每次修改都有明確目的，就容易比較這一版是否比上一版更好用。

準備大幅改版時，可先從作品標題選單選 Duplicate，保留一份副本。

若接下來希望關閉頁面後仍能保存任務，則進一步要求加入持續儲存資料的功能；這項功能需要付費方案。練習時可先以虛構資料完成新增、篩選與狀態切換，再決定是否要做成日常使用的追蹤器。

Claude Artifacts 怎麼分享與匯出？

作品做好後，先決定下一位使用者要做什麼：繼續在 Claude 裡一起修改、用連結開啟同一份作品，還是拿到一個檔案放進其他軟體？Claude Artifacts 的分享與匯出分別對應這幾種交付方式。

分享連結：讓別人開啟同一份作品

新版作品一開始只對你自己開放。付費方案使用者可在網頁版或桌面版打開 Artifact，點右上方 Share，選擇開放對象，再複製連結。Team 與 Enterprise 的對外分享，會受到組織管理者設定影響。

如果只是讓同事看畫面，可給檢視權限；要一起改文件、投影片或設計稿，再給編輯權限。只交付給指定的人時，使用電子郵件邀請，對方需用受邀的電子郵件登入 Claude；「Anyone with the link」則讓持有連結的人開啟作品。

多數以連結開放的作品可讓未登入的人查看，但 Docs 需要登入；外部訪客或未登入者，則無法使用作品裡的 Claude 與已連接工具功能。

若要請外部客戶試用，先用對方會使用的帳號或未登入視窗，測試連結與需要操作的功能。詳細差異以官方分享權限說明為準。

新版分享頁呈現作品，原本和 Claude 討論的聊天內容留在你的對話中。至於要交出去的作品本身，分享前請移除其中的客戶個資、內部報價或其他不應公開的內容。

匯出檔案：把成果帶到其他工具

Claude Artifacts 也能把成果匯出到後續要使用的工具。文件可以選 Word、PDF 等格式；簡報可以選 PowerPoint、PDF，或轉至 Google Slides；自訂互動作品則可從標題選單選 Export，再選 HTML。

HTML 是瀏覽器讀取的網頁檔案。若作品主要由文字、版面與一般按鈕互動組成，這個格式適合拿到 Claude 外開啟；匯出後，請直接打開檔案，試一遍你要交付的操作。

依賴 Claude 雲端的持續儲存、AI 回應與已連接工具，會在匯出的 HTML 中停止運作。因此，需要這些功能的追蹤器，應留在 Claude 裡使用；若要獨立運行完整系統，就要另外安排程式開發與部署。這是官方自訂作品教學列出的匯出差異。

工商時間

如果你想要更系統化、更輕鬆的學好 SEO 與 AI SEO，歡迎參考我與知識衛星合作的 SEO 線上課程：《SEO 排名攻略學》、《AI SEO 流量變革》。

透過《SEO 排名攻略學》獲得穩定的 SEO 流量與實戰經驗。
再搭配《AI SEO 流量變革》看懂 AI 搜尋趨勢，搶佔 AI 搜尋紅利。

Artifacts、Claude Design、Claude Code 有什麼關係？

理解 Claude Artifacts 時，最容易混淆的兩個名稱是 Design 與 Code。它們分別指向設計能力與程式開發工具，和 Artifacts 的關係可以這樣看：

• Artifacts 是成果：你要反覆查看、修改、分享的文件、簡報或互動作品，都可以放在這個成果介面中。
• Claude Design 負責設計型工作：像是網站畫面、產品原型與品牌視覺稿。現在新建的 Design 作品也是 Artifact，相關操作可閱讀Claude Design 介紹。
• Claude Code 負責程式開發工作：當需求走到管理程式檔案、修改既有專案、測試與部署時，會進入這類開發流程。Claude Code 本身也能產出 Artifacts；想了解它的工作範圍，可閱讀Claude、Claude Code 與 Cowork 的分工。

回到前面的任務追蹤器：在 Claude 裡建立、修改與使用小工具，可以從 Artifacts 開始；要先討論網站長什麼樣、按鈕怎麼走，可以要求 Design；要把它做成由自己維護、串接正式服務的軟體，則需要接續程式開發工作。

Anthropic 已將 Design 整合到 Claude，官方搬移說明也明確指出，新設計會以 Artifact 建立。從「現在要完成什麼工作」理解這些名稱，比把它們記成三個彼此無關的產品，更能幫助你找到入口。

結語：先做出一個真正用得到的作品

Claude Artifacts 讓一般工作者能從對話往前走一步，把想法做成可以閱讀、修改或操作的成果。第一件作品可以很小：一份任務清單、一個測驗，或一頁能和同事討論的產品畫面。

先把作品做出來，試完最重要的操作，再決定要留在 Claude、分享連結，還是匯出檔案。掌握這個流程之後，你就能用同樣的方法，逐步把經常重複整理的內容變成工作工具。想接著練習其他官方教學，可以閱讀Claude Academy 學習指南。