ChatGPT - 使用画布功能
进行写作、创作、笔记或程序开发时，可能会需要一个能够持续编辑又能与 AI 协作的空间，而 ChatGPT 所推出的“画布”功能，可以让用户与 AI 对话的同时，进行即时预览、撰写与修改内容，这篇教学会介绍 ChatGPT 的“画布 Canvas”功能，以及运用 ChatGPT 画布所实现的一些简单范例。
2026 最新教学：Vibe Coding 全方位开发导读
快速导览：
认识 ChatGPT 画布 ( ChatGPT Canvas )
ChatGPT 画布 ( ChatGPT Canvas ) 是一种结合 AI 对话与编辑功能的创作环境，可以让用户在与 ChatGPT 对话的同时，于右侧画布中预览结果并及时编辑内容，甚至可以编辑程序码、展示网页结果与分享网页，过程中可随时要求 ChatGPT 提供修改建议、内容扩充或技术支援。
目前许多 AI 工具 ( Gemini、Poe AI 等 ) 也都有提供画布工具，功能也都类似，可以用同样的做法自行测试。
使用画布时，除了可以直接透过对话要求 ChatGPT 使用画布呈现结果 ( 例如“使用畫布呈現...”或“呈現網頁結果...”)，也可以直接点击 ChatGPT 输入字段的“画布”，当输入字段中出现“蓝色画布”文字，就表示要用画布呈现描述的内容。
下方范例使用 ChatGPT 展示一个简单网页，网页内容是九九乘法表表格。
ChatGPT 画布特色和功能
ChatGPT 画布有下列几点特色：
- *双栏工作界面**：左侧与 ChatGPT 即时互动，右侧呈现结果、可编辑文件或程序码。
- AI 辅助创作：ChatGPT 会根据内容提供建议、改写、补充、重组等操作。
- 内容储存时限长：画布内容可随时存取与更新，适合长期使用。
- 多格式支援：支援纯文字的脚本、报告、小说等，也支援 HTML、React、Python 等程序码开发与预览。
ChatGPT 画布有许多很特别的功能，下方列出主要支援功能：
- 撰写与编辑长篇文字 ( 报告、小说、脚本等 )。
- 即时预览 HTML ( 支援互动，如按钮点击、表单输入、分享 )。
- 使用 Tailwind CSS、shadcn/ui、lucide-react 等 UI 库元件。
- 在 Python 画布执行程序码并取得输出结果。
- 段落润饰、翻译、内容重组与自动补全。
ChatGPT 画布不支援功能：
- 无法使用
fetch()或axios呼叫外部 API。- 不支援
<iframe>内嵌第三方网站或媒体。- 无法使用浏览器的暂存功能 ( localStorage、sessionStorage、Cookies 等 )。
关于 ChatGPT 画布的分享功能
透过 ChatGPT 画布产生预览网页后，点击网页上方的“分享”按钮，点击“建立链接”之后，就可以产生一段预览网址，并将这段预览网址分享给别人。
分享时也可以设定浏览网址的权限，权限分成“公开”和“只有自己”两种，虽然用户可透过 ChatGPT 画布内建的“分享功能”，将内容以链接形式分享给他人观看，但仍然会有一些需要注意的事项或限制，下方列出一些分享 ChatGPT 画布的重点：
- 生成方式：点选画布右上角的“分享”按钮，会将产生一组独立网址。
- 有效时间：分享的网址默认可持续有效 30 天，若之后画布内容有更新，需再次产生新链接，不会影响原本内容，如果需长期保留内容，建议将内容导出备份，就能在自己的开发环境中编辑使用。
- 限制事项：
- 分享链接为只读，无法编辑内容。
- 分享的画布无法执行互动或程序码 ( 如 Python 执行或内嵌其他网页 )。
- 无法查看和 ChatGPT 的对话或修改纪录。
ChatGPT 画布范例：世界时钟网页
这个范例会和 ChatGPT 不断对话，透过 ChatGPT 快速做出一个“世界时钟”的网页，在网页上呈现多国目前的时间，第一个步骤先让 ChatGPT 根据下列提示词，做出一个呈现六个地点时间的简单网页。
請做一個「世界時鐘」的網頁，呈現「台灣、日本、紐約、倫敦、巴黎、雪梨」這六個地方的目前的時間
一个简单的网页通常都会比较单调，透过添加其他指令，就能让 ChatGPT 协助美化版面，下方是美化指令的写法：
請做一個「世界時鐘」的網頁，呈現「台灣、日本、紐約、倫敦、巴黎、雪梨」這六個地方的目前的時間，並按照下方說明設計版面：
- 使用 AM 和 PM
- 名稱使用中英文
- 使用 emoji 的方式，加入各國的國旗
- 六個區域的配的都不同，標題和內容為同色系但不同色
- 配色可參考 bootstrap 相關配色
- 扁平化設計，不需要陰影，強調邊框等線條
如果还是无法产生满意的版面，也可提供 ChatGPT 相关图片辅助，使其更了解需求，下方范例提供了一张圆饼图的参考图，搭配一些提示词，就能产生漂亮的世界时钟。
注意，同样的范例提示词会产生类似但不同的结果，需要再额外自行调整。
請將時鐘的呈現方式，改成圓形並用圓餅圖的方式呈現，並參考圖片的配色
ChatGPT 画布范例：新闻数据转图表
运用 ChatGPT 的画布功能，可以将原本枯燥乏味的纯文字新闻数据，转换成可视化的图表，如此一来也更能方便阅读，下方范例使用内政部的最新消息内容，透过 ChatGPT 产生具有图表说明的网页。
參考這個網站，使用網頁並用兩個圓餅圖，分別呈現「居留縣市別」中的「移工」和「外籍配偶」當中各都市人數分布的比例，網站：https://www.moi.gov.tw/News_Content.aspx?n=2905&s=327319
如果要转换图表，只需要输入“請用同一個長條圖的方式呈現數據”就能将其转换成长条图。
ChatGPT 画布范例：短篇小说共同编辑
除了进行编辑和设计网页，也可以运用 ChatGPT 画布的“互动”功能，和 ChatGPT“双向协作”文章，不需要一直透过提示词一来一往的对话，下方例子会先透过提示词，请 ChatGPT 边排出一个短篇笑话的大纲。
規劃一個短篇笑話的大綱，笑話主題是：踩到大便
当 ChatGPT 在画布中产生内容之后，除了可以透过左侧的聊天字段和 ChatGPT 互动，也可以自行手动修改右侧画布里的内容，下方范例在画布中，手动修改了一些内容，将“失去导航的 GPS”改成“失去网络的 GPT”。
自行修改内容之后，可以再次透过“聊天”的方式，请 ChatGPT 根据修改后的内容，重新调整指定段落的文字，如此一来一往，就如同和另外一个人共同编辑文字，实现双向协作的功能。
我已經修改了開場，請幫我修改高潮笑點的內容
小结
画布是 ChatGPT 专为创作与技术应用打造的互动式工具，结合 AI 的智慧与用户自己的创意，不但可以提升工作效率，更能促进灵感的实现，不论是写作者、设计师或开发者，ChatGPT 的画布都能成为创作过程中的得力助手，让想法具体化、流程更有条理。
微信扫码关注
抖音扫码关注