BEGINNER GUIDE / 01你的第一張流程圖,
你的第一張流程圖,
從三個方框開始。
不需寫程式,不用架設。用一個小練習,把腦中的步驟變成看得見的流程。
查證狀態:官方文件已檢查(2026-11-09)。已確認流程圖顯示與匯出選單;原始檔儲存及 SVG 匯出被本次瀏覽器的 showSaveFilePicker 權限阻擋,尚未通過下載與重新匯入。以下為操作示意;完整教學仍待補測,不能當作驗證完成版。
先確認這次要做什麼
這次要畫一張「想法 → 整理 → 完成」流程圖。適合想整理工作步驟、企劃或教學內容的人。準備可上網的手機或電腦、現代瀏覽器,以及可儲存檔案的位置。桌面滑鼠操作比較方便。
費用:官方網頁基本畫圖功能可免費使用;本教學不涉及 Excalidraw+。不需要寫程式、安裝套件或架設伺服器。
想法 整理 完成
打開官方畫布
點下方官方網站。這份教學會留在原分頁。進入畫布後,先確認能看到圖形工具;如果手機上工具列折疊,先展開工具選單。若出現儲存或語言選項,依自己的需要選擇。
請確認網址是 excalidraw.com。不要把私密內容貼進公開分享或共同編輯的畫布。
開啟 Excalidraw 官方畫布 ↗︎畫出三個方框
選擇矩形工具,在畫布上拖曳畫出第一個方框。再建立兩個方框,依序排成一列。使用文字工具,在三個方框內分別輸入「想法」、「整理」、「完成」。手機可改成由上到下排列。
成功標準:畫面中有三個可辨識的方框,每個都有一個標題。選錯工具時,切回選取工具後再試。
想法 → 整理 → 完成
用箭頭串起步驟
選擇箭頭工具,從第一個方框右側連到第二個,再從第二個連到第三個。切回選取工具,調整間距與位置。你也可以把這三個字改成自己的實際工作步驟。
成功標準:讀者可以順著箭頭看出先後順序。若手機空間不足,可縮放畫布再調整。
儲存可編輯檔,再匯出圖片
開啟主選單,找到儲存至檔案/匯出相關功能。先下載 .excalidraw 格式,保留可繼續編輯的版本;再使用圖片匯出,選擇 PNG 或 SVG。不同版本與語言的選單名稱可能略有差異。
重要:圖片不是原始可編輯檔。請確認下載資料夾中真的有 .excalidraw 檔;手機可能需要透過分享選單儲存到「檔案」。
重新開啟,確認成果
先確認可編輯檔已儲存,再開另一個分頁進入官方畫布。從主選單開啟剛才的 .excalidraw 檔案,確認方框與文字都能選取、移動或修改。完成後,你已走過畫圖、儲存與重新編輯的基本流程。
如果只有一張無法逐一選取物件的圖片,可能匯入的是 PNG。請改開 .excalidraw 檔。瀏覽器快取不應是唯一備份。
1 / 6
常見問題與已知限制
一定要登入帳號嗎?
本教學使用官方網頁基本畫圖,不涉及付費工作空間;若服務條件改變,請以官方介面與條款為準。
關掉網頁,圖就不見了?
請先檢查有沒有下載 .excalidraw 檔。瀏覽器資料可能被清除,無痕模式也不適合保存重要作品。沒有備份時不保證能復原。
手機操作不順怎麼辦?
可將三個方框改成直向排列,並放大畫布。較長的圖建議用電腦操作。本站教學支援手機閱讀,不代表第三方工具每個功能都同樣便利。
我找不到一模一樣的選單。
介面名稱可能受語言與版本影響。請從主選單找儲存/匯出,並對照官方說明;無法確認時先保留原分頁,避免遺失內容。