> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 白板

> 建立無限畫布的白板，用於視覺化思考、繪製圖表與自由形式的協作。

Craft 的白板提供一個無限的畫布，適合視覺化思考。你可以用它來速寫想法、繪製圖表、規劃專案，或與團隊進行視覺化協作。

## 什麼是白板？

白板是直接嵌入在文件中的自由畫布。不同於結構化文字，白板可以讓你在任何位置擺放元素、以箭頭串連想法，並在毫無限制下進行視覺化思考。

**適合使用白板的情境：**

* 腦力激盪與心智圖
* 建立流程圖與示意圖
* 以視覺版面規劃專案
* 繪製線框圖與草稿原型
* 以空間方式整理想法
* 與團隊成員進行視覺化協作

## 建立白板

<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step>
        在文件中，將游標定位到你想要放置白板的位置
      </Step>

      <Step>
        輸入 `/whiteboard` 並按下 **Return**，或點擊 **+** 並選擇 **白板**
      </Step>

      <Step>
        一個新的白板區塊會出現。點擊該區塊即可開啟編輯畫布
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step>
        在文件中，點按你想要放置白板的位置
      </Step>

      <Step>
        點按 **+** 按鈕並選擇 **白板**
      </Step>

      <Step>
        點按白板預覽即可開啟編輯畫布
      </Step>
    </Steps>
  </Tab>

  <Tab title="Windows">
    <Steps>
      <Step>
        在文件中，將游標定位到你想要放置白板的位置
      </Step>

      <Step>
        輸入 `/whiteboard` 並按下 **Enter**，或點擊 **+** 並選擇 **白板**
      </Step>

      <Step>
        一個新的白板區塊會出現。點擊該區塊即可開啟編輯畫布
      </Step>
    </Steps>
  </Tab>

  <Tab title="Web">
    <Steps>
      <Step>
        在文件中，將游標定位到你想要放置白板的位置
      </Step>

      <Step>
        輸入 `/whiteboard` 並按下 **Enter**，或點擊 **+** 並選擇 **白板**
      </Step>

      <Step>
        一個新的白板區塊會出現。點擊該區塊即可開啟編輯畫布
      </Step>
    </Steps>
  </Tab>
</Tabs>

白板會以全螢幕開啟，讓你可以立即開始創作。

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/create-whiteboard.gif?s=866316e819f106de6025a545b9604df6" alt="Creating a whiteboard using the slash command" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/create-whiteboard.gif" />

## 白板工具

工具列提供建立視覺化內容所需的一切功能。

### 選取工具

使用選取工具來移動、調整大小，以及修改既有元素。

* **選取元素**：點擊可選取單一元素，或拖曳以選取多個元素
* **移動**：拖曳選取的元素以重新定位
* **調整大小**：拖曳角落的控制點以改變尺寸
* **刪除**：選取後按下 `Delete` 或 `Backspace`

### 繪圖工具

**鉛筆**

使用鉛筆工具繪製自由的筆觸，非常適合速寫、手寫或繪製自然形狀。

* 點擊鉛筆圖示，或按下 `P`
* 從工具列調整筆觸寬度與顏色
* 使用滑鼠、觸控板或觸控筆自然地繪製

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/pencil-drawing.gif?s=c08a462eaa627971a69685d267ba46f8" alt="Freehand drawing with the pencil tool" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/pencil-drawing.gif" />

**箭頭**

使用箭頭來串連元素，表達彼此的關係與流程。

* 點擊箭頭圖示，或按下 `A`
* 從起點拖曳到終點
* 可自訂兩端的箭頭樣式
* 調整線條粗細與顏色

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/arrows-lines.gif?s=2b5c46723b9cd2139b8d6ceabc356d16" alt="Using arrows and lines to connect elements" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/arrows-lines.gif" />

### 形狀工具

加入幾何形狀以建立圖表與結構化版面。

* **矩形**：點擊形狀圖示並選擇矩形
* **菱形**：點擊形狀圖示並選擇菱形
* **橢圓**：點擊形狀圖示並選擇橢圓

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/shapes-tool.gif?s=2ddb0a1082537596975e8819cfa98de0" alt="Using shapes in the whiteboard" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/shapes-tool.gif" />

**自訂形狀：**

* 填充顏色與不透明度
* 線條顏色與粗細
* 形狀內的文字（雙擊即可新增）

### 文字與便利貼

**文字**

在畫布上任何位置新增獨立的文字標籤。

* 點擊文字圖示，或按下 `T`
* 點擊你想要放置文字的位置
* 輸入內容
* 以字型、大小與顏色等選項進行格式設定

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/text-tool.gif?s=263a77c70952bd35fdc13363b9eaa11e" alt="Adding and formatting text in whiteboards" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/text-tool.gif" />

**便利貼**

建立筆記風格的元素，用來記錄想法與評論。

* 點擊便利貼圖示
* 點擊你想要放置便利貼的位置
* 輸入內容
* 選擇背景顏色

### 圖片與媒體

將視覺素材直接加入你的白板。

<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step>
        點擊工具列中的圖片圖示
      </Step>

      <Step>
        從你的裝置選擇一個圖片檔案
      </Step>

      <Step>
        圖片會出現在畫布上，可供定位與調整大小
      </Step>
    </Steps>

    **限制**：每張白板最多可加入 50 張圖片與 10 段影片，每個檔案最大 100MB。
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step>
        點按工具列中的圖片圖示
      </Step>

      <Step>
        從「照片」或「檔案」中選擇
      </Step>

      <Step>
        圖片會出現在畫布上，可供定位與調整大小
      </Step>
    </Steps>

    **限制**：每張白板最多可加入 50 張圖片與 10 段影片，每個檔案最大 100MB。
  </Tab>

  <Tab title="Windows">
    <Steps>
      <Step>
        點擊工具列中的圖片圖示
      </Step>

      <Step>
        從你的裝置選擇一個圖片檔案
      </Step>

      <Step>
        圖片會出現在畫布上，可供定位與調整大小
      </Step>
    </Steps>

    **限制**：每張白板最多可加入 50 張圖片與 10 段影片，每個檔案最大 100MB。
  </Tab>

  <Tab title="Web">
    <Steps>
      <Step>
        點擊工具列中的圖片圖示
      </Step>

      <Step>
        從你的裝置選擇一個圖片檔案
      </Step>

      <Step>
        圖片會出現在畫布上，可供定位與調整大小
      </Step>
    </Steps>

    **限制**：每張白板最多可加入 50 張圖片與 10 段影片，每個檔案最大 100MB。
  </Tab>
</Tabs>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/media-assets.gif?s=d2fe1a8f3299faa21abf318353599c03" alt="Adding images and media to whiteboards" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/media-assets.gif" />

## 導覽與檢視

### 縮放與平移

在白板中移動並調整檢視層級。

* **平移**：以兩指拖曳（觸控板），或按住 `Space` 並拖曳（滑鼠）
* **放大**：以觸控板撐開、`Cmd/Ctrl` + `+`，或使用縮放控制項
* **縮小**：以觸控板捏合、`Cmd/Ctrl` + `-`，或使用縮放控制項
* **符合檢視範圍**：點擊縮放重設按鈕以檢視所有內容

### 背景自訂

依你的工作流程自訂白板背景。

**格線選項：**

* **點狀**：細緻的對齊參考
* **線條**：傳統格線
* **方格**：方格紙風格
* **無**：乾淨的空白畫布

**背景顏色：**

為畫布背景選擇任意顏色。背景顏色在編輯時與文件預覽中皆會顯示。

<Tabs>
  <Tab title="macOS">
    點擊工具列中的背景圖示以開啟背景設定。選擇你偏好的格線樣式與顏色。
  </Tab>

  <Tab title="iOS">
    點按工具列中的背景圖示，即可調整格線與顏色設定。
  </Tab>

  <Tab title="Windows">
    點擊工具列中的背景圖示，即可選擇格線樣式與背景顏色。
  </Tab>

  <Tab title="Web">
    點擊工具列中的背景圖示，即可選擇格線樣式與背景顏色。
  </Tab>
</Tabs>

## 編輯白板

### 排列元素

控制元素彼此之間的重疊與關聯。

**圖層順序：**

* **往前移**：右鍵點擊 →「排列」→「往前移」
* **往後移**：右鍵點擊 →「排列」→「往後移」
* **移至最前**：右鍵點擊 →「排列」→「移至最前」
* **移至最後**：右鍵點擊 →「排列」→「移至最後」

**群組元素：**

選取多個元素後按右鍵 →「群組」，即可將它們當作一個單位一起移動。若需要再次編輯個別元素，可將群組解除。

### 複製與再製

* **再製**：選取後按下 `Cmd/Ctrl` + `D`
* **複製／貼上**：使用標準捷徑 `Cmd/Ctrl` + `C` 與 `Cmd/Ctrl` + `V`
* **剪下**：`Cmd/Ctrl` + `X` 可移除並放入剪貼簿

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/whiteboards/en/content/keyboard-shortcuts.gif?s=3a465b8da0ea34fd07422eea28103dbf" alt="Keyboard shortcuts for working with whiteboards" width="800" height="484" data-path="images/write-and-edit/whiteboards/en/content/keyboard-shortcuts.gif" />

### 匯出內容

將白板匯出為圖片，以便在 Craft 以外的地方使用。

<Tabs>
  <Tab title="macOS">
    從白板選單中選擇「匯出」，並選擇 **PNG** 或 **SVG** 格式。匯出會擷取你目前的檢視或整個畫布。
  </Tab>

  <Tab title="iOS">
    點按選單圖示（•••）並選擇「匯出」。選擇 **PNG** 格式即可將白板存為圖片。
  </Tab>

  <Tab title="Windows">
    Web 與 Windows 應用程式目前不支援直接匯出 PNG。替代作法是擷取螢幕畫面，或將包含白板的文件匯出為 PDF。
  </Tab>

  <Tab title="Web">
    Web 與 Windows 應用程式目前不支援直接匯出 PNG。替代作法是擷取螢幕畫面，或將包含白板的文件匯出為 PDF。
  </Tab>
</Tabs>

## 協作

白板與文件一樣支援即時協作。

多人同時編輯同一張白板時：

* **看見游標**：每個人的游標會顯示其名稱
* **即時更新**：變更會即時反映給所有人
* **無衝突**：白板會自動合併編輯內容

<Info title="分享白板">
  白板的存取權限與文件權限一致。擁有文件編輯權限的人都能編輯白板；檢視者可以看到白板，但無法修改。
</Info>

## 白板預覽

在文件中，白板會以預覽區塊的形式顯示畫布的快照。

**預覽更新：**

* 在你關閉白板後會自動更新
* 顯示白板的當前狀態
* 會依文件的淺色／深色模式自動調整

預覽僅作為視覺參考 — 點擊預覽即可開啟並編輯完整的白板。

## 小技巧與最佳實踐

**從簡單開始**

先以基本的形狀和文字開始，隨著想法的發展再逐步增加細節。

**有意義地運用顏色**

將顏色指派給不同類別或主題。一致的色彩編碼能讓複雜的圖表更易理解。

**善用箭頭**

使用箭頭來呈現關係、流程與相依性。自訂箭頭樣式以代表不同類型的連結。

**與文件結合**

白板最適合與文字搭配使用。先用白板進行視覺化思考，再以結構化文字記錄結論。

**準備成範本**

建立可重複使用的版面（如看板、流程圖結構等），之後再將其複製應用於新專案。

## 疑難排解

<AccordionGroup>
  <Accordion title="更新舊版白板">
    本節說明如何更新以舊版白板框架所建立的白板。這些舊版白板無法直接在新版 Craft 中開啟。

    ### 何時需要更新

    若文件中包含舊版白板，你會在白板預覽上看到「需要更新」標示。白板區塊仍會顯示，也可以再製或移動，但在更新之前無法開啟。

    ### 開始更新

    當你嘗試開啟舊版白板時，會出現遷移對話框。選擇「建立新版本」即可繼續。系統會在原始區塊下方直接產生一個新的白板。

    ### 遷移期間發生的事

    遷移會將舊版白板中的所有項目複製到新框架中。原始白板區塊會保持不變。若有需要，可以重複執行遷移。

    **目前的限制：**

    * 只有白板的原始版本會進行遷移，舊版白板的副本不會被遷移
    * 在部分圖層較複雜的版面中，文字可能暫時顯示在形狀後方。這可以透過在新白板中調整圖層順序來修正

    ### 遷移之後

    新版本建立後，你便可以照常開啟與編輯。若結果不如預期，可以再次執行遷移或手動調整內容。舊版區塊會保留原位作為參考，直到你選擇刪除為止。

    <Info title="需要協助？">
      遷移的目的是盡可能精準地保留內容。如果你發現某些問題無法透過調整圖層順序或重新執行遷移來解決，請聯絡支援團隊以取得協助。
    </Info>
  </Accordion>

  <Accordion title="大型白板的效能">
    含有數百個元素的超大白板，在呈現時可能會變慢。

    **改善效能的方法：**

    * 將複雜的白板拆分為聚焦的區塊
    * 針對不同主題使用不同的白板
    * 限制高解析度圖片的數量
    * 工作時關閉其他分頁與應用程式
  </Accordion>

  <Accordion title="預覽未更新">
    若文件中的白板預覽未反映最新的變更：

    <Steps>
      <Step>
        開啟白板
      </Step>

      <Step>
        進行任何小變更（例如移動一個元素）
      </Step>

      <Step>
        關閉白板
      </Step>
    </Steps>

    這會觸發新的預覽產生。預覽通常會在數秒內更新。
  </Accordion>
</AccordionGroup>

<Info title="Need more help?">
  For general troubleshooting, sync, or platform-specific issues, see the [Troubleshooting Guide](/docs/introduction/troubleshooting).
</Info>