# Canvas 畫布

Canvas 是 MaiGPT 內建的編輯器。當你請 AI 幫你寫報告、Email 或製作圖表時，內容會顯示在右側的 Canvas 區域，你可以直接編輯、修改，再請 AI 繼續調整。

<figure><img src="https://1593648278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fmzb5NG9GDzFP2YDKeYVl%2Fuploads%2Fgit-blob-b4f39c358280125f41b18abd88c1a1ae471fc0e6%2Fmaigpt-canvas-overview.png?alt=media" alt="MaiGPT Canvas 畫布"><figcaption><p>左側為對話區，右側為 Canvas 編輯區</p></figcaption></figure>

***

## 什麼時候會用到 Canvas <a href="#when-to-use-canvas" id="when-to-use-canvas"></a>

| 情境      | 範例指令                 |
| ------- | -------------------- |
| 寫報告     | 「幫我寫一份 Q1 業績摘要」      |
| 寫 Email | 「幫我回覆這封客戶的詢問信」       |
| 整理會議紀錄  | 「把以下內容整理成會議紀錄格式」     |
| 畫流程圖    | 「畫一張請假流程圖」           |
| 製作表格    | 「整理成表格比較 A 方案和 B 方案」 |

***

## 怎麼使用 <a href="#how-to-use" id="how-to-use"></a>

### 開啟 Canvas <a href="#open-canvas" id="open-canvas"></a>

AI 在產出較長的文件內容時，會自動開啟 Canvas。你也可以主動請它：

> 「幫我用 Canvas 寫一份...」

### 編輯內容 <a href="#edit-content" id="edit-content"></a>

Canvas 開啟後，你可以：

1. **直接在 Canvas 上修改文字** — 點擊任意位置即可編輯
2. **請 AI 幫你改** — 在對話框說「第二段改得更簡潔」
3. **選取部分內容請 AI 調整** — 選取文字後，告訴 AI 你要怎麼改

### 匯出 <a href="#export" id="export"></a>

完成後，點擊右上角的匯出按鈕：

* **複製** — 複製全部內容到剪貼簿
* **下載** — 下載為檔案

***

## Canvas 可以做出什麼 <a href="#what-canvas-can-create" id="what-canvas-can-create"></a>

| 類型     | 適合用來做          | 範例           |
| ------ | -------------- | ------------ |
| **文件** | 報告、Email、提案、公告 | 「寫一份新產品上線公告」 |
| **表格** | 比較分析、數據整理      | 「比較三家供應商的報價」 |
| **圖表** | 流程圖、組織圖、時序圖    | 「畫出客訴處理流程」   |

***

## 小技巧 <a href="#tips" id="tips"></a>

{% hint style="success" %}
**讓 AI 幫你迭代**

不需要一次到位。先讓 AI 產出初版，再一步步修改：

1. 「先寫一版草稿」
2. 「語氣改得更正式」
3. 「加上數據佐證」
4. 「最後一段改成行動呼籲」
   {% endhint %}

{% hint style="info" %}
**多輪編輯不會丟失**

Canvas 會保留你的所有修改。你可以放心地來回調整，不用擔心之前的版本不見。
{% endhint %}

***

## 撰寫文件 <a href="#write-documents" id="write-documents"></a>

Canvas 最常用的功能就是撰寫文件。你可以請 AI 幫你寫報告、Email、提案、公告、會議紀錄，然後在 Canvas 上直接編輯調整。

### 快速開始 <a href="#quick-start" id="quick-start"></a>

直接告訴 AI 你要寫什麼：

> 「幫我寫一封給客戶的報價回覆信」
>
> 「用 Canvas 幫我整理今天的會議紀錄」
>
> 「寫一份新功能上線的內部公告」

AI 會在 Canvas 中產出完整文件，你可以立即開始編輯。

### 編輯與修改 <a href="#edit-and-revise" id="edit-and-revise"></a>

#### 直接修改 <a href="#direct-edit" id="direct-edit"></a>

在 Canvas 上點擊任意位置，像編輯 Word 一樣直接改文字。

#### 請 AI 幫你改 <a href="#ai-assisted-edit" id="ai-assisted-edit"></a>

在對話框輸入修改指示，AI 會直接更新 Canvas 上的內容：

| 你說           | AI 做     |
| ------------ | -------- |
| 「語氣改正式一點」    | 整篇文件語氣調整 |
| 「第二段太長，精簡一下」 | 縮短特定段落   |
| 「加一段關於時程的說明」 | 新增段落     |
| 「改成條列式」      | 重新排版格式   |
| 「翻譯成英文」      | 整篇翻譯     |

<figure><img src="https://1593648278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fmzb5NG9GDzFP2YDKeYVl%2Fuploads%2Fgit-blob-fc6bc0d33cc2259f96d080f650c6c2a78ca8ae6c%2Fmaigpt-canvas-markdown.png?alt=media" alt="Canvas 撰寫文件"><figcaption><p>請 AI 撰寫公告，Canvas 自動開啟並呈現完整文件內容</p></figcaption></figure>

### 常用文件範本 <a href="#document-templates" id="document-templates"></a>

試試這些指令，快速產出常見文件：

| 文件類型      | 範例指令                                 |
| --------- | ------------------------------------ |
| **週報**    | 「幫我寫本週週報，重點有：完成 A 專案、開始 B 需求、下週要做 C」 |
| **Email** | 「寫一封婉拒供應商報價的 Email，語氣禮貌但明確」          |
| **會議紀錄**  | 「把以下內容整理成會議紀錄格式：（貼上筆記）」              |
| **提案**    | 「寫一份導入 AI 客服的提案大綱，包含效益分析」            |
| **公告**    | 「寫一份系統維護公告，時間是週六凌晨 2-6 點」            |

### 匯出文件 <a href="#export-document" id="export-document"></a>

完成後點擊右上角匯出：

* **複製** — 貼到 Email、Slack、Word 等任何地方
* **下載** — 儲存為檔案

***

## 製作圖表 <a href="#create-charts" id="create-charts"></a>

你可以用自然語言描述，讓 AI 在 Canvas 中幫你畫流程圖、組織圖、時序圖等各種圖表。不需要學任何語法，直接說你要畫什麼就好。

### 快速開始 <a href="#chart-quick-start" id="chart-quick-start"></a>

直接告訴 AI 你想畫什麼圖：

> 「畫一張請假流程圖」
>
> 「畫我們部門的組織架構圖」
>
> 「畫一張使用者下單到出貨的流程」

<figure><img src="https://1593648278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fmzb5NG9GDzFP2YDKeYVl%2Fuploads%2Fgit-blob-b4f39c358280125f41b18abd88c1a1ae471fc0e6%2Fmaigpt-canvas-overview.png?alt=media" alt="Canvas 圖表產出"><figcaption><p>AI 在 Canvas 中產出的視覺化圖表</p></figcaption></figure>

### 可以畫哪些圖表 <a href="#supported-chart-types" id="supported-chart-types"></a>

| 圖表類型    | 範例指令           | 用途      |
| ------- | -------------- | ------- |
| **流程圖** | 「畫出報銷流程」       | 步驟、決策分支 |
| **組織圖** | 「畫部門架構」        | 上下隸屬關係  |
| **時序圖** | 「畫 API 呼叫的時序圖」 | 系統互動順序  |
| **甘特圖** | 「畫專案時程甘特圖」     | 專案排程    |
| **心智圖** | 「用心智圖整理行銷策略」   | 發想與歸類   |

### 修改圖表 <a href="#edit-chart" id="edit-chart"></a>

產出後想調整？直接說：

| 你說              | AI 做 |
| --------------- | ---- |
| 「在第二步後面加一個審核步驟」 | 新增節點 |
| 「把流程圖改成由左到右」    | 調整方向 |
| 「拿掉最後一個步驟」      | 刪除節點 |
| 「顏色改成藍色系」       | 調整樣式 |

### 匯出圖表 <a href="#export-chart" id="export-chart"></a>

完成後你可以：

* **複製** — 貼到簡報或文件中
* **截圖** — 直接截取 Canvas 中的圖表畫面

***

## 下一步 <a href="#next-steps" id="next-steps"></a>

* [Deep Research 深度研究](https://docs.maiagent.ai/maigpt/deep-research)
* [回到 MaiGPT 總覽](https://docs.maiagent.ai/maigpt/maigpt)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.maiagent.ai/maigpt/canvas.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.