自用记录 | AI辅助 在线画图工具 使用Mermaid语法（流程图 ER图）

已于 2025-04-07 10:42:35 修改
阅读量1.6k 收藏 8
点赞数 4
文章标签： 流程图
于 2025-04-03 13:05:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73972962/article/details/146055068
版权

draw.io绘制流程图-示例

一款好用的在线绘图工具——draw.io ，高效绘制出专业且清晰的流程图，同时还会解锁 AI 画图技能。

draw.io 简介

draw.io 是一款免费的在线图表工具，支持多种图表类型，包括流程图、网络图、UML 图、ER 图等。它支持导入多种文件格式，如 .vsdx、Gliffy™ 和 Lucidchart™ 文件。

访问 draw.io 网站

kimi 的 AI 画图功能赋能

kimi 支持多达 17 种图表的 AI 绘制，其中就包括我们关注的流程图。使用方法极为简单，只需进入 kimi 官网（Kimi - 会推理解析，能深度思考的AI助手） ，在输入框中输入规范的提示词，如 “请你用 mermaid 画一个流程图。

示例

kimi也会提供直接的图片生成，会有经典和手绘两种：

我们点击下载即可得到一个png图片： 

如果对kimi生成的流程图内容不满意，但是一直调试还是问不出想要的答案，最好的方法就是放进draw.io在线绘图工具自己进行简单操作

https://app.diagrams.net/

 点击加号，高级，Mermaid...

输入想要绘制的图形，点击插入，即可生成想要的流程图

如果对图形不满意可以更改内容还有样式

Mermaid文本驱动图表在线工具

另一款好用的在线绘图工具，通过简洁的类 Markdown 语法生成专业级图表，尤其适合技术文档、项目管理和团队协作场景。

Online FlowChart & Diagrams Editor - Mermaid Live Editor 

 

Kkkika
关注
DeepSeek进阶应用（一）：结合Mermaid绘图（流程图、时序图、类图、状态图、甘特图、饼图）
Code_流苏：在代码中寻诗意，在实践中觅真知
03-09 4769
纯干货，DeepSeek结合Mermaid绘制各类图（流程图、时序图、类图、状态图、甘特图、饼图）
免费的科研论文画图软件drawio以及Mermaid
zhenglu777999的博客
05-17 5159
网址https://www.diagrams.net/https://www.diagrams.net/ B站讲解 https://www.bilibili.com/video/BV15Z4y1a7fm?spm_id_from=333.788.top_right_bar_window_default_collection.content.click
快速使用 Mermaid 语法在 draw.io 中绘制流程图与 ER 图
最新发布
snowfoootball的博客
05-12 2197
本文介绍了如何利用 Mermaid 语法在 draw.io 中快速绘制流程图和 ER 图。Mermaid 是一种基于文本的图形绘制工具，支持多种图形类型，语法简洁，适合开发者和技术写作者使用。通过将 Mermaid 代码导入 draw.io，用户可以高效生成图形，并利用 draw.io 的强大功能进行进一步优化。文章详细说明了如何在 draw.io 中导入 Mermaid 代码，并提供了流程图和 ER 图的示例代码。对于不熟悉 Mermaid 语法的用户，建议使用 AI 工具生成所需代码。这种方法不仅提高了
在Markdown中使用Mermaid来绘制ER图
weixin_44943389的博客
07-08 1560
在Markdown中使用Mermaid来绘制ER图
使用markdown语言，在Typora中用mermaid画流程图和ER图
2302_77250325的博客
12-04 1073
语法：style id 具体样式。
Markdown mermaid种草(6)_ ER图
耳东小白的小笔记本儿
02-24 1万+
耳东小白倾情推荐，markdown绘图神器mermaid之ER图
在Markdown中用mermaid画流程图和ER图
weixin_44493841的博客
08-27 9834
在Markdown中用mermaid画流程图 mermaid支持三种图形的绘制, 分别是流程图, 时序图和甘特图, 本篇文章只介绍了mermaid中流程图在markdown的使用。 流程图方向有下面几个值 TB 从上到下 BT 从下到上 RL 从右到左 LR 从左到右 TD 同TB 示例 从上到下 ​```mermaid graph TD A --> B ​``` 效果： AB 从左到...
Mermaid在线生成类图
ezsxrtghjmk的博客
03-28 4082
类图绘制工具~ 提升工作效率~
Typora上使用Mermaid语法展示流程图、时序图、甘特图
08-26
Typora上使用Mermaid语法展示流程图、时序图、甘特图
流程图的新语法-mermaid的快速使用--推荐
wtt234的专栏
04-12 1064
在文字编辑页面输入“三个点+mermaid”回车键入代码，要注意的是其中三个点，按键位置在Tab上面，在英文状态下输入，结尾也要有三个点。a.typora设置，选择上“图表 （序列、刘晨图和...）”把代码黏贴到这个地方就是可以看出流程图了。b.typora中输入代码的方式。
Markdown 使用技巧之利用 Mermaid 进行绘制流程图
独泪了无痕
05-30 4456
Markdown 的原生语法不支持绘制图形，但通过 Mermaid 扩展，我们可以将一些格式化的文字渲染成我们需要的图形。Mermaid 是一个类似 Markdown 的开源脚步语言，它能够根据输入的语句自动生成合适的图像，方便于 Markdown 文档撰写者通过文本方式生成图形的扩展工具。相比 Visio 它要轻很多，几行文字便可生成一幅完整且美观的流程图。
【Mermaid 语法详细教程 01】 流程图（Flowchart / graph）
Tuing_的博客
03-30 7669
mermaid是一种解决文字图形转换的方案、本篇作为mermaid教程系列的第一篇，先介绍流程图（flowchart or graph）
使用Mermaid和AI画流程图
qq_37391577的博客
01-20 6768
使用Mermaid和AI画流程图
Mermaid在线生成时序图
ezsxrtghjmk的博客
08-30 1万+
参与者可以显式定义或者像上述例子一样隐式定义，显式定义语法如下participant 小李participant 小王小李->>小王: Hi 小王小王->>小李: 你好，小李//participant 是参与者的关键字，关键字后是定义的参与者名称fill:#333;小李小王Hi 小王你好，小李小李小王。
利用GPT写Mermaid代码生成流程图
Blue_rose1688的博客
07-21 4684
现有的画图软件，即便有模板，也是操作繁琐。GPT和Mermaid很好的解决了繁琐的流程图制作，未来AI语言模型会更加强大，用AI画网页原型图也指日可待。
画图工具 Mermaid 学习笔记——概述
alyeska的博客
08-01 1105
此图为安装了 Mermaid Markdown Syntax Highlight 扩展（语法高亮区分）后的演示。VS Code 插件：(其他环境对应插件同样在官方文档有给出)Mermaid，一款基于markdown语法的图表绘制工具。
mermaid大全（语法、流程图、时序图、甘特图、饼图、用户旅行图、类图）
Le0v1n 的博客
01-12 1万+
语法、流程图、时序图、甘特图、饼图、用户旅行图、类图
mermaid工具
热门推荐
赶路人儿
10-30 5万+
mermaid是一款开源的画流程图、甘特图、时序图工具，她提供了一种类似markdown的语法来创建各种图。 官网：https://mermaidjs.github.io/ 在线编辑器：here 1、入门 我们先试用mermaid提供的在线编辑器，来熟悉一下mermaid的各种画图语法； 1）流程图 2）时序图： sequenceDiagram A->> B: Qu...
ai画er图
03-20
<think>好的，我现在需要帮助用户了解如何用AI工具绘制实体关系图（ER图）。首先，我需要回顾用户提供的引用内容，确保回答准确。用户提到了几个引用，特别是关于SQL生成ER图、在线工具如itbuilder，以及ER图的基本概念和步骤。 用户的问题是如何使用AI工具生成ER图。根据引用，传统的ER图绘制需要手动或特定工具，但AI可以自动化这一过程。我需要分步骤解释，可能包括数据输入、处理、生成和优化等阶段。 首先，确定用户可能的需求。他们可能有数据库结构，比如SQL脚本，或者自然语言描述的需求。AI工具可以从这些输入中提取实体、属性和关系。例如，引用[3]提到从需求分析到ER图绘制，AI可以自动化这一过程。 接下来，需要列举具体的AI工具或方法。例如，ChatGPT可以通过自然语言处理生成ER图的代码或Mermaid语法，然后使用工具渲染。另外，SQL数据库工具如pgAdmin也有内置的ER图生成功能，虽然可能不算严格意义上的AI，但结合AI解析SQL可能更智能。 然后，考虑步骤分解。用户可能需要知道如何准备输入数据，如何与AI工具交互，以及后续的调整。例如，使用ChatGPT时，用户需要提供清晰的数据库结构描述，AI生成Mermaid代码后，用户再在支持该语法的平台渲染成图。 同时，用户可能关心优化和验证生成的ER图是否正确。引用[4]提到ER图的规范，所以需要提醒用户检查是否符合标准，如实体、属性和关系的正确表示。 还要注意可能的问题，比如AI误解需求，生成错误的关系，因此人工审核是必要的。此外，推荐一些工具，如itbuilder（引用[2]）是否支持AI功能，或者是否有其他AI驱动的ER图工具。 最后，生成相关问题，帮助用户深入探讨，如工具比较、处理复杂关系的方法、与手动绘制的优劣等。这些问题需要基于引用内容和用户可能的后续疑问。 总结回答结构：步骤式指南，每个步骤说明方法、工具和注意事项，结合引用内容，确保准确性和实用性。</think>### 如何用AI工具绘制实体关系图（ER图） 实体关系图（ER图）是数据库设计中的核心工具，能够直观展示数据实体及其关联。借助AI技术，可以大幅简化绘制流程，以下是具体步骤和方法： --- #### 1. **输入数据准备** - **自然语言描述**：向AI工具提供清晰的数据库需求描述，例如： *“设计一个学生选课系统，包含学生（学号、姓名、班级）、课程（课程号、课程名、学分），学生可选修多门课程。”* AI会自动提取实体、属性及关系[^3][^4]。 - **SQL脚本或数据库结构**：上传现有数据库的SQL脚本（如`CREATE TABLE`语句），AI会解析表结构、主键和外键，自动生成ER图[^1]。 --- #### 2. **AI生成ER图的方法** - **自然语言转ER图工具**： - **ChatGPT + Mermaid语法**： 输入需求后，AI生成Mermaid代码，例如： ```mermaid erDiagram STUDENT ||--o{ COURSE : "选修" STUDENT { string 学号 PK string 姓名 string 班级 } COURSE { string 课程号 PK string 课程名 int 学分 } ``` 将代码粘贴到支持Mermaid的编辑器（如Typora、GitLab）即可渲染成图。 - **AI绘图平台**：如**ErBuilder AI**、**Airtable**，通过对话式交互生成ER图。 - **SQL逆向工程工具**： - **pgAdmin/MySQL Workbench**：导入SQL文件后，使用内置功能生成ER图（需手动调整布局）。 - **dbdiagram.io**：支持AI辅助优化表关系推导。 --- #### 3. **优化与验证** - **关系修正**：AI可能遗漏约束（如多对多关系需中间表），需手动补充。 - **规范化检查**：确保符合第三范式（3NF），消除冗余字段[^3]。 - **可视化调整**：通过在线工具（如**itbuilder**[^2]）调整布局和样式。 --- #### 4. **推荐工具** - **AI驱动**：ErBuilder AI、ChatGPT（需结合渲染工具）。 - **半自动化**：dbdiagram.io、MySQL Workbench。 - **在线协作**：itbuilder[^2]、Lucidchart（支持AI建议）。 --- #### 注意事项 - **明确需求**：AI依赖输入质量，需清晰描述实体和关系。 - **人工审核**：AI可能误解复杂关系（如继承、弱实体），需人工验证逻辑。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值