在线流程图

📖 工具介绍

画流程图这事儿，用专业软件太重，用纸笔又不好改。这个工具让你用纯文本把流程写出来，自动生成一张整齐的流程图：每行一个步骤，行尾带问号的就是判断框，缩进一下就变成判断的分支。改流程只需要改文字，图会跟着变，不用手动拖方框。

写工作汇报里的审批流程、梳理产品注册的步骤、给同事说明一个问题怎么排查，或者把代码里的条件分支画出来讲给不懂技术的人听，都很合适。画完可以直接下载 PNG 贴到文档里，或者下载 SVG 放进网页保持清晰。

✨ 功能特点

• 文本即图形：每行一个步骤，缩进表示分支，改文字图就跟着变。
• 判断框自动识别：行尾带问号的步骤自动画成菱形，其余画成矩形。
• 分支带标签：分支行写"否 -> 退回补正"，连线上会标出条件。
• 两种布局：自上而下适合步骤多的流程，从左到右适合宽屏展示。
• 四套配色：蓝、绿、灰、橙，贴进不同风格的文档都不突兀。
• 序号与箭头：可勾选显示步骤序号和连线箭头，讲流程时方便指认。
• 多种导出：PNG 贴图、SVG 进网页、JSON 留着下次继续改。

🚀 使用方式

1. 在左侧输入框里按行写出流程步骤，一行一步。
2. 需要判断的地方，在行尾加一个问号，它会自动变成菱形。
3. 判断的分支往右缩进两格或四格，可以写成"否 -> 退回补正"这样的形式。
4. 选择布局方向、图形样式和配色，调好字号与间距。
5. 点【生成】，右侧立即显示流程图，底部给出节点与分支统计。
6. 确认后下载 PNG 或 SVG，也可以复制 SVG 代码直接粘贴使用。

⚠️ 注意事项

• 缩进不要跳级分支必须挂在上一行的下一级，直接缩进两级会导致层级解析异常。
• 判断框靠问号识别只有行尾是问号（中英文都可）才会画成菱形，中间出现问号不算。
• 分支标签用箭头分隔写成"条件 -> 步骤"，箭头两侧建议留空格，识别更稳。
• 画布随内容增长步骤特别多时画布会很高，建议拆成几张图分别导出。
• 内容只在本机流程文本不会上传服务器，刷新页面后需要重新输入。