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

爱意满满的作品展示区。

This topic created in 596 days ago, the information mentioned may be changed or developed.

特征如下

直接和 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

流程图

30 replies • 2026-02-10 11:50:02 +08:00

fanjinzhongju952

Mar 24, 2025

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

wfg

Mar 24, 2025 via iPhone

@fanjinzhongju952 Minimum Viable Product

daweii

Mar 24, 2025

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

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

9dP06m83vIV00l72

Mar 24, 2025

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

fanjinzhongju952

Mar 24, 2025

@llxvs 感谢大佬解惑，谢谢

fanjinzhongju952

Mar 24, 2025

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

Peiiii

Mar 24, 2025 via Android

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

acthtml

Mar 24, 2025

很有意思的想法。

niboy

Mar 24, 2025

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

xyfan

Mar 24, 2025

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

daweii

Mar 24, 2025

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