本流程图生成器基于 Mermaid 语法，操作简单且功能强大。以下是详细的使用指南：
基础操作：在左侧代码编辑器中输入 Mermaid 图表代码，点击「渲染预览」按钮，右侧预览区将实时显示渲染后的专业图表。代码编辑框支持多行输入和自动缩进，你可以随时修改代码并重新渲染。
使用模板：点击上方的「快速模板」按钮，工具会自动填充对应图表的示例代码到编辑器中。模板包括基础流程图、时序图、甘特图、类图、状态图、ER关系图、用户旅程图和思维导图共8种常用类型。你可以在模板基础上修改节点文本和连接关系。
主题切换：通过「主题风格」下拉菜单切换图表的配色方案。默认主题使用蓝紫色调，暗色主题适合深色背景演示，森林主题使用绿色系，中性主题使用灰色调。所有主题都会实时应用到预览图表中。
导出图表：渲染完成后，点击预览区右上角的「导出 PNG」或「导出 SVG」按钮，即可将图表保存为高清图片。PNG 格式适合插入文档和演示文稿，SVG 格式是矢量图形，可以无限放大而不失真，适合在网页中使用。
流程图生成器在工作和学习中有广泛的应用场景，以下是几个典型的使用案例：
软件开发：在需求分析和系统设计阶段，使用流程图描述业务逻辑和系统架构。时序图可以清晰展示模块间的调用关系，类图帮助团队理解面向对象的设计结构。相比于手绘或使用重量级设计工具，本工具可以快速迭代并随时修改。
项目管理：使用甘特图规划和跟踪项目进度，设定里程碑和关键路径。项目经理可以将甘特图导出后嵌入项目文档或周报中，让团队成员直观了解当前进度和后续安排。状态图则适合描述工作项的生命周期流转。
教育培训：教师和培训师可以使用流程图讲解复杂概念的逻辑关系，使用时序图展示历史事件或操作流程的时间线。相比传统PPT中的静态图片，Mermaid代码可以随时修改调整，保证教学材料的及时更新和准确性。
技术文档：在编写README、Wiki或技术博客时，嵌入Mermaid代码可以自动生成图表。GitHub、GitLab、Notion等主流平台已原生支持Mermaid渲染，使用本工具预览和调试后再粘贴到文档中，确保显示效果正确。
Mermaid 语法基础：Mermaid 是一种基于文本的图表描述语言，诞生于2014年。它的核心理念是「代码即图表」——开发者只需要编写简单的文本描述，就能获得专业美观的可视化图表。所有 Mermaid 图表都以声明性关键字开头，如 flowchart、sequenceDiagram、classDiagram 等。
流程图方向：在 flowchart 关键字后可以指定图表方向：TD（从上到下 Top Down）、LR（从左到右 Left Right）、BT（从下到上）、RL（从右到左）。节点形状通过括号类型定义：[] 矩形、() 圆角、{} 菱形判断、[[]] 子程序、(( )) 圆形。
相关工具生态：Mermaid 已深度集成到众多生产力工具中，包括 Notion、GitHub、GitLab、Jira、Typora、Obsidian 等。了解 Mermaid 语法后，你可以在这些平台中直接编写图表代码，无需额外工具。此外，Mermaid 还支持通过 %%init%% 指令自定义主题颜色、字体、线宽等样式参数。
Mermaid 是一种基于文本的图表描述语言。你只需要编写简单的文本代码，工具就能自动将其渲染为专业的流程图、时序图、甘特图等可视化图表。它类似于 Markdown，但专门用于绘制图表。
支持导出 PNG 高清图片和 SVG 矢量图形。PNG 适合插入文档和演示文稿，SVG 适合在网页中使用且可以无限放大不失真。
不会。所有图表渲染都在浏览器本地完成，使用纯前端技术处理。你的数据不会上传到任何服务器，保护隐私安全。
完全支持。Mermaid 原生支持 Unicode，你可以在节点文本中使用中文、Emoji 和其他多语言字符，渲染效果与英文完全一致。
工具内置了多种主题风格（默认、暗色、森林、中性），点击主题切换按钮即可实时预览不同风格。你也可以在 Mermaid 代码中使用 %%init%% 指令来自定义颜色和样式。
没有。导出的 PNG 和 SVG 均为无水印高清原图，可直接用于商业文档、演示文稿或网页中。
可以。首次加载后，Mermaid 库会缓存在浏览器中。只要页面保持打开状态，即使断开网络也能继续编辑和渲染图表。但导出功能需要浏览器支持 Canvas API。
预览区域支持滚动查看，你也可以使用缩放控件调整显示比例。如果节点过多，建议拆分为多个子图（subgraph）或使用方向切换（LR/BT）来优化布局。