系統架構圖編輯器

內建伺服器、資料庫、使用者、雲端等 20 種通用圖示。各公司的品牌標誌有使用條件，因此未內建。取而代之的是，每個節點都可以匯入自己的 PNG / JPEG / GIF / WebP / SVG 圖片（512KB 以內）。圖片只會在瀏覽器內處理，不會傳送到伺服器。

按下「連線」，依序點擊起點節點與終點節點；或在選取某個節點的狀態下，按住 Shift 點擊另一個節點。連線只會以直角折線自動相連，並自動避開其他節點與群組名稱。線進出的邊（上・右・下・左）可在下方「選取的項目」中指定，想自己決定路徑時很好用。

會。中心位於框內的節點，以及完全收在框內的其他群組，會一起移動。拖曳框右下角的藍色方塊即可調整大小。也可以巢狀放置，例如在 Cloudflare 框內再放 Workers 框。

編輯內容會自動儲存在此瀏覽器的本機儲存空間（不會傳送到伺服器）。清除快取後會消失，重要的圖請先「儲存為 JSON」。可匯出 PNG / SVG / JSON。Mermaid 無法表達自由擺放與圖示，因此不提供；需要 Mermaid 時請使用「基礎設施圖表產生器」。

把整個服務（使用者・邊緣・伺服器・資料庫・外部服務）整理成一張圖，匯出為 SVG 後貼到 README 或 Wiki。

用群組框以顏色區分「在哪裡運作」，並在連線上標註 /api、HTTPS 等標籤，就是可直接用於文章或投影片的圖。

像白板一樣，只要放置節點並拉線就能畫出整體樣貌。也可以存成 JSON 與團隊共用。

把前端、API、資料庫與外部服務混合的架構，整理成非工程師也看得懂的形式。

內建圖示為通用線稿。使用標誌時，請遵守各公司的使用指南，並自行匯入圖片。每張圖片上限為 512KB。

編輯內容只會留在此瀏覽器的本機儲存空間。清除快取或換到其他裝置後不會保留，請儲存為 JSON。

連線會避開其他節點與群組名稱，但仍可能與其他連線重疊。節點排得很密時，連線可能繞很遠，或在無法通過時退回一般路徑。若不如預期，請指定起點與終點的邊，或關閉「連線自動避開其他節點」。