什麼是白板？
Whiteboard 是一個免費、私密的畫板,可以用筆刷工具自由繪製、加上形狀與文字標註,再用選取工具調整位置。支援匯出 PNG 與 SVG,也可以把整個專案存成 JSON 檔,下次打開繼續編輯。
工具列提供筆刷、幾何形狀(矩形、圓、三角形、菱形、直線、箭頭)、文字、便利貼、橡皮擦與選取工具,選取後可以移動、縮放、刪除元素,圖形重疊時也能調整前後層級。繪製前先設定線條顏色、填色與線寬即可。專案可匯出為 PNG、SVG 或完整的 JSON 工程檔,日後載入 JSON 後畫布會精準還原所有元素。
使用方法
- 從工具列選擇繪圖工具:筆刷自由勾畫;矩形、圓形、三角形、菱形、直線、箭頭是基本形狀;文字工具加入文字;便利貼工具放置彩色想法卡;選取工具用來移動、縮放或調整已畫元素的前後順序。
- 在畫布上拖拽即可繪製。當前的線條顏色、填色與線寬由工具列決定,繪製下一個元素之前先把這些設定好。
- 匯出 PNG 適合直接截圖分享;SVG 可以在 Illustrator 或 Figma 內繼續編輯;另存為 JSON 專案檔,下次仍可載入繼續畫。
何時使用
- 想要不開 Figma 或不安裝任何軟體,快速畫線框圖、流程圖時。
- 遠端會議裡邊講解系統架構,邊在畫布上勾勒,協助同事理解。
- 在平板上講課時,標註圖形、畫箭頭,然後把畫板匯出給學生作筆記。
結果
正在梳理結帳流程。先畫一個矩形代表「購物車」,寫上標籤,用箭頭連到「付款」矩形,再連到一個綠色填色的圓形代表「成功頁」。匯出 SVG 後傳給設計師貼進 Figma。
常見問題
- 可以保存進度,下次再接著畫嗎?
- 可以。選擇「儲存專案」就會下載一個 JSON 檔,裡面包含畫布上所有形狀、線條與文字。下次再拖回工具裡,畫板會還原到當時的樣子。整個過程在本機完成,不會上傳到伺服器。
- 匯出 PNG、SVG 與 JSON 有何不同?
- PNG 是點陣圖,適合截圖分享;SVG 保留每個圖形,設計師可在向量軟體裡繼續修改;JSON 是工程檔,只有它能讓你下次再開啟、繼續編輯這份畫板。
- 為什麼我手繪的線條放大後邊緣像鋸齒?
- PNG 依螢幕像素網格輸出,放大時自然看到鋸齒。改用 SVG 匯出就好,向量路徑在任何縮放等級下都會保持平滑。
- 可以把圖片加進畫板嗎?
- 可以。點「新增圖片」按鈕(或在檔案選擇器中挑 PNG、JPEG、WebP、GIF 或 SVG),圖片會置中放在畫布上,可拖曳、可縮放。檔案全程留在你的裝置裡,不會上傳。
- 我畫的內容會上傳到伺服器嗎?
- 不會。繪製、復原與匯出都在頁面內的 Canvas 元素上執行。關閉分頁就會清空記憶體。只有當你主動下載 JSON 檔,內容才會離開裝置。