在線流程圖

📖 工具介紹

畫流程圖這事儿，用专業軟體太重，用紙笔又不好改。這個工具讓你用純文字把流程写出來，自動生成一張整齊的流程圖：每行一個步驟，行尾帶問號的就是判斷框，縮進一下就變成判斷的分支。改流程只需要改文字，圖會跟着變，不用手動拖方框。

写工作匯報里的審批流程、梳理產品註冊的步驟、給同事說明一個問題怎麼排查，或者把程式里的條件分支畫出來讲給不懂技術的人听，都很合適。畫完可以直接下載 PNG 贴到文檔里，或者下載 SVG 放進網頁保持清晰。

✨ 功能特點

• 文字即圖形：每行一個步驟，縮進表示分支，改文字圖就跟着變。
• 判斷框自動識別：行尾帶問號的步驟自動畫成菱形，其餘畫成矩形。
• 分支帶標簽：分支行写"否 -> 退回补正"，連線上會標出條件。
• 两種布局：自上而下適合步驟多的流程，從左到右適合寬螢展示。
• 四套配色：蓝、綠、灰、橙，贴進不同風格的文檔都不突兀。
• 序號與箭頭：可勾選顯示步驟序號和連線箭頭，讲流程時方便指認。
• 多種匯出：PNG 贴圖、SVG 進網頁、JSON 留着下次繼續改。

🚀 使用方式

1. 在左側輸入框里按行写出流程步驟，一行一步。
2. 需要判斷的地方，在行尾加一個問號，它會自動變成菱形。
3. 判斷的分支往右縮進两格或四格，可以写成"否 -> 退回补正"這樣的形式。
4. 選擇布局方向、圖形樣式和配色，调好字號與間距。
5. 點【生成】，右側立即顯示流程圖，底部給出節點與分支統計。
6. 確認後下載 PNG 或 SVG，也可以複製 SVG 程式直接貼上使用。

⚠️ 注意事項

• 縮進不要跳級分支必须挂在上一行的下一級，直接縮進两級會導致層級解析異常。
• 判斷框靠問號識別只有行尾是問號（中英文都可）才會畫成菱形，中間出現問號不算。
• 分支標簽用箭頭分隔写成"條件 -> 步驟"，箭頭两側建議留空格，識別更穩。
• 畫布隨內容增長步驟特別多時畫布會很高，建議拆成几張圖分別匯出。
• 內容只在本機流程文字不會上傳伺服器，刷新頁面後需要重新輸入。