写了一用 LLM 控制 Drawio 生成流程图的 app

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

特征如下

直接和 Drawio 无缝连接，不用复制粘贴来回倒腾 Drawio 的 XML 文件。
支持图像输入，可以直接发个手绘图让 llm 画图。
有历史功能。可以回溯到之前的编辑记录。

Web 框架用的 Nextjs 。原理就是用 Embed Drawio 然后通过输入和输出 XML 的结果来控制 Drawio 。

DEMO 动画（ V 站能贴视频吗）: https://res.cloudinary.com/jiang/video/upload/next-ai-drawio_urqdeu.webm

DEMO 网站： https://next-ai-draw-io.vercel.app/

Github （刚出了第一个 MVP ，功能还需要继续打磨）: https://github.com/DayuanJiang/next-ai-draw-io

llm

drawio

流程图

29 条回复 • 2025-03-24 18:36:37 +08:00

fanjinzhongju952

3 天前

不好意思请问一下 "刚出了第一个 MVP" 是什么意思呢？
是 github 最受欢迎或者周期内热度最高的一种项目标签认证吗？
还是某种项目进度的一种专业术语？

llxvs

3 天前 via iPhone

@fanjinzhongju952 Minimum Viable Product

daweii

3 天前

@fanjinzhongju952
不好意思我也是看着别人用，所以也跟着用这个词。意思是最简单的 DEMO 。

最简可行产品（英语：minimum viable product, MVP ），是新产品开发中的名词，是指有部分机能，恰好可以让设计者表达其核心设计概念的产品。设计者可以进行验证式学习，根据使用者的回馈，进一步了解使用情形，并且继续开发此产品。

andytao

3 天前

直接解析 AI 输出结果并加载到画布上，66666666

fanjinzhongju952

3 天前

@llxvs 感谢大佬解惑，谢谢

fanjinzhongju952

3 天前

@daweii 感谢大佬分享解惑，谢谢

Peiiii

3 天前 via Android

挺有意思，不过流式输出的时候画面抖动。这块不知道是不是 drawio 的问题，体验再优化下就好了

acthtml

3 天前

很有意思的想法。

niboy

3 天前

我让画个 Michael Jackson （ MJ ）它能画，我让他画软件流程图或者架构图它画不出来啊。
之前我都是让 cursor 帮我生成 xml ，自己倒腾

xyfan

3 天前

根据 Demo 视频，change all color to green 的时候，并未在你调整过对称之后的图形上进行更改，而是在原本 LLM 生成的 XML 上进行更改。似乎此 Demo 不会将当前绘图的 XML 作为上下文送入，只能在 LLM 原本生成的 XML 上不断用语言指导修改，手工修改的内容完全被忽略。

daweii

3 天前

@Peiiii 应该是加载 XML 的时候出现会闪烁，我看看减少频率会不会变好。