OpenAI 於 2024 年底針對 ChatGPT 訂閱用戶推出了測試功能「ChatGPT with canvas」，隨後逐步開放給所有使用者；不過官方已於 2026 年 5 月起，在最新旗艦模型上以行內區塊（inline writing/code blocks）取代了獨立的 canvas 面板。當初推出時，canvas 提供用戶一個全新的操作介面，讓使用者除了透過對話和 AI 溝通外，更能直接在 ChatGPT 上使用獨立的空間進行文字編輯及程式撰寫並輔以 AI 的協助。讓以往只能將 AI 的回覆複製貼上到其他地方再編輯的情況不復存在。而相信也有不少人知道 Claude 更早之前也推出了類似的 Artifacts 功能，不過個人認為兩者之間所著重的面向不太一樣。感興趣的人就緊接著繼續看下去吧！
ChatGPT with canvas 功能介紹
主要特點
- 獨立視窗編輯：canvas 簡單來說就是在保有 ChatGPT 對話功能以外，新增了一個區塊可以進行文字編輯或編寫程式
- 部分調整：可以直接選定特定範圍請 AI 進行調整，不會每次調整都會重新生成內容
- 版本記錄：每次使用 AI 進行內容的編輯後，可以查詢它修改了哪些地方，就如同 Word 的追蹤修訂一樣
- 快捷按鈕：將一些常見的指令設為按鈕，只需要一鍵就可以完成，達到使用者友善及節省時間的效果
ChatGPT with canvas 和 Claude Artifacts 比較
Claude Artifacts 是 Claude 於更早之前所推出的一項功能，它也能夠提供獨立視窗來處理和呈現大量內容，如文件、程式碼片段等。以下是 ChatGPT with canvas 與 Claude Artifacts 的比較表，如果大家有興趣的話也可以再另外撰寫 Artifacts 的介紹文章！
| 功能/特性 | ChatGPT with canvas | Claude Artifacts |
|---|---|---|
| 介面設計 | 可以在一般對話模式與 canvas 模式自由切換，分別有不同的介面 | Artifacts 文件是一個彈跳式視窗，因此不會切換介面。 |
| 數量限制 | 兩者現在都支援同一對話串內建立多份內容並切換（原文寫作時 canvas 一個對話串僅能有一個，此限制已解除） | 一個對話串可以生成多個不同主題與格式的 Artifacts |
| 支持內容格式 | 1. 代碼片段：支持各種程式語言的代碼 2. Markdown 文檔：格式化的文字文檔 3. HTML／React 組件：2025 年 1 月起支援即時渲染預覽（仍不支援 SVG／Mermaid 原生渲染） | 1. 代碼片段：支持各種程式語言的代碼 2. Markdown 文檔：格式化的文字文檔 3. SVG 圖像：可縮放的向量圖形 4. Mermaid 圖表：流程圖和狀態圖 5. React 組件：交互式 Web 元件 |
| 即時編輯功能 | 可直接在視窗中編輯內容，或請 AI 協助修改 | 無法直接在視窗中編輯內容，只能使用 AI 協助修改 |
| 快捷功能 | 提供文字/程式快捷鍵，提升編輯效率 | 無快捷鍵設計 |
| 版本控制 | 支援版本回溯，允許恢復至先前編輯階段 | 提供版本選擇器，便於切換與追蹤歷程 |
ChatGPT with canvas 操作介紹
啟用 ChatGPT with canvas
※目前只開放網頁版開啟 canvas 功能，不過在網頁版開啟後回到桌面版應用程式仍然可以繼續使用該功能。
- 現在 ChatGPT 會在偵測到長內容時自動開啟 canvas，或直接於對話框輸入「/canvas」手動觸發，不需要像原文寫作時那樣特別選擇「GPT-4o with Canvas」模型。【2026-07 編輯註記】OpenAI 已於 2026 年 5 月 28 日起，在最新旗艦模型（GPT-5.5）上以行內區塊（inline writing/code blocks）取代了獨立的 canvas 側邊欄，若您使用的是預設的最新模型，很可能已經看不到下方描述的獨立視窗介面，建議以官方說明頁面當下畫面為準。
- 在對話框中輸入內容， AI 會自動判斷是否開啟 canvas
- 若沒有成功開啟的話，可以於對話框中輸入指令「使用 canvas」或「activate canvas」來手動開啟
- 點擊右上角展開按鈕，即可切換成 canvas 視窗
- 一定要確認介面切換後才算成功開啟 canvas 功能，因為有時候手動開啟仍會失敗
- 開啟 canvas 後就可以利用左邊的對話框進行對話，右邊就會是可以編輯的區塊
ChatGPT with canvas 介面功能（文字編輯）
左側對話框：可以像一般一樣進行對話，也可以請他修改文章內容。若對話框上方出線 Edited，點擊它就會顯示以該對話為基準修改前後的比較
右上方功能列（由左至右）
- 版本記錄（功能與點擊 Edited 相似）
- 上一步
- 下一步
- 複製對話
右側主要編輯頁
- 可直接輸入文字
- 可以選取文字後請 AI 解釋或是編輯選取段落，或是調整粗細、斜體、段落樣式
- 支援基礎 Markdown 語法，可參考你不能不知道的 Notion markdown 語法
右下方快捷鍵（由下到上）
- 建議編輯：ChatGPT 會用螢光標示它認為可以調整的段落並寫下註釋，如果同意修改的話可以按「申請」請他修改
- 調整長度：可以拖曳搖桿讓 AI 自動延伸或縮短文章
- 閱讀等級：利用滑桿使 AI 調整文章的易讀程度
- 加上最後的潤飾：AI 會稍微調整一下文章的內容，以及幫文章下大小標題，使文章階層更完整
- 新增表情符號
ChatGPT with canvas 介面功能（編寫程式）
除了右下角的快捷功能以外，頁面佈局與文字編輯模式大致相同，因此這邊只列出快捷鍵的功能（由下到上）
- 程式碼評論：與「建議編輯」類似，ChatGPT 會用螢光標示它認為可以調整的段落並寫下註釋，如果同意修改的話可以按「apply」請他修改
- 轉移到語言：可以將原本的程式碼轉成其他程式語言的寫法，支援的語言如下所示
- 修復錯誤：AI 會自動偵測哪邊有可能有 bug 並除錯，不過聽說正確性有待驗證
- 新增日誌：可以方便使用者記錄程式的情況
- 新增註釋：方便使用者理解程式碼的內容
目前遇到的 bug
由於 ChatGPT with canvas 還是一個測試功能，因此在使用時還是會遇到許多的 bug，像我自己遇到的就有下列幾種：
- 使用指令卻無法開啟 canvas
- 請 AI 部分編輯內容結果它修改了整份文件的內容
- 只是和 AI 進行對話結果卻擅自修改了文件內容
- 無法正常開啟版本記錄
結語
本文寫於 canvas 剛推出的測試階段，此後功能歷經多次改版，甚至在部分最新模型上已被行內區塊取代，建議讀者以官方說明中心當下的實際介面為準；不過從各大語言模型近期的更新也都不難看出，尋找人們與 AI 的新互動方式是勢在必行的。除了基礎的對話模式外，如何整合其他人們平常就在使用的工具或軟體，使工作效率與質量大幅提升是各大公司努力的目標，也期待未來會有更加好用的功能出現，讓工作都能達到事半功倍的效果。
兩年後的現況
回頭來看，Claude Artifacts 這兩年間也持續進化，從單次生成內容的展示視窗，逐漸變成可發布分享、串接外部資料的協作平台：使用者現在可以一鍵發布 Artifacts 的分享連結，讓非 Claude 用戶也能直接檢視；Live Artifacts 則支援持久儲存與呼叫外部 API，並可透過 MCP（Model Context Protocol）串接 Google Calendar、Gmail、Slack 等服務；2026 年 6 月 18 日推出的 Claude Code Artifacts，更能把整段 coding session 直接轉成可分享的互動網頁。相較之下，canvas 則走向與聊天介面本身整合，甚至在部分模型上被行內區塊取代。如果你正在猶豫該選 canvas 還是 Artifacts，建議依實際使用情境（是否需要分享、串接外部服務）重新評估，而非只看本文寫作當下的比較。