draw.io
在瀏覽器排列圖形、編輯標籤與連接流程，完成後匯出 SVG 圖檔。
簡介
draw.io 的線上編輯器位於 app.diagrams.net。把圖形加入畫布、輸入標籤，再用連接線說明步驟之間的關係，就能從空白頁開始畫流程圖。
官方入門指南介紹圖形庫、畫布與格式面板。這次收錄以基本流程圖操作為主，不把其他整合功能列為已實測項目。
為何收錄
流程還在調整時，不必為每次移動方塊重新畫線。本次測試中，拖動已連接的節點後，箭頭仍連著兩個方塊，方便先整理步驟，再調整版面。
適合誰
需要說明功能流程的開發者、整理工作步驟的產品團隊，以及準備教學圖例的老師。
可以怎麼用
本次建立兩個矩形，分別標成 Start 與 End，並用箭頭連接。將 End 移到右側後，連接線隨著位置改變，仍指向同一個節點。
也透過檔案選單匯出並下載 SVG，確認檔案內有兩個標籤與內嵌繪圖資料。官方匯出說明區分一般圖片與可保留繪圖資料的格式，選擇前可先確認後續是否需要修改。
使用前留意
保留可編輯的原檔，不要只留下用來展示的圖片。圖上若有內部架構或敏感資訊，先確認儲存位置與分享範圍。本次未測試 SVG 重新匯入、雲端儲存、多人協作或其他匯出格式。
