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

2025 年 3 月 24 日
 daweii

特征如下

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

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

5717 次点击
所在节点    分享创造
30 条回复
fanjinzhongju952
2025 年 3 月 24 日
不好意思 请问一下 "刚出了第一个 MVP" 是什么意思呢?
是 github 最受欢迎 或者 周期内热度最高的 一种项目标签认证吗?
还是某种项目进度的 一种专业术语?
wfg
2025 年 3 月 24 日
@fanjinzhongju952 Minimum Viable Product
daweii
2025 年 3 月 24 日
@fanjinzhongju952
不好意思我也是看着别人用,所以也跟着用这个词。意思是最简单的 DEMO 。

最简可行产品(英语:minimum viable product, MVP ),是新产品开发中的名词,是指有部分机能,恰好可以让设计者表达其核心设计概念的产品。 设计者可以进行验证式学习,根据使用者的回馈,进一步了解使用情形,并且继续开发此产品。
9dP06m83vIV00l72
2025 年 3 月 24 日
直接解析 AI 输出结果并加载到画布上,66666666
fanjinzhongju952
2025 年 3 月 24 日
@llxvs 感谢大佬解惑,谢谢
fanjinzhongju952
2025 年 3 月 24 日
@daweii 感谢大佬分享解惑,谢谢
Peiiii
2025 年 3 月 24 日
挺有意思,不过流式输出的时候画面抖动。这块不知道是不是 drawio 的问题,体验再优化下就好了
acthtml
2025 年 3 月 24 日
很有意思的想法。
niboy
2025 年 3 月 24 日
我让画个 Michael Jackson ( MJ )它能画,我让他画软件流程图或者架构图它画不出来啊。
之前我都是让 cursor 帮我生成 xml ,自己倒腾
xyfan
2025 年 3 月 24 日
根据 Demo 视频,change all color to green 的时候,并未在你调整过对称之后的图形上进行更改,而是在原本 LLM 生成的 XML 上进行更改。似乎此 Demo 不会将当前绘图的 XML 作为上下文送入,只能在 LLM 原本生成的 XML 上不断用语言指导修改,手工修改的内容完全被忽略。
daweii
2025 年 3 月 24 日
@Peiiii 应该是加载 XML 的时候出现会闪烁,我看看减少频率会不会变好。
jonathanchoo
2025 年 3 月 24 日
之前体验 modao 的 ai 生成界面,跟你的效果一样也是生成一个组件就刷新一次界面,好奇请教是为什么
ALongRanger
2025 年 3 月 24 日
反馈:
是一个不错的思路。 最近我画图都在用 LLM 转成 mermaid 以后复制粘贴插入到 drawio ,这个确实能减少一定的操作复杂度。

我目前主要使用 drawio 画时序图,有时候可能会画一些架构图。 但是目前看画时序图会比较蠢, 我使用转 mermaid 语法的方式是 OK 的,。
daweii
2025 年 3 月 24 日
@niboy 现在还只做出来功能,prompt 那边还没调。接下来会好好调 prompt 让他的生成更加自然。
daweii
2025 年 3 月 24 日
@xyfan 我也注意到了这一点,我在逻辑上确实是设置把当前绘图的 XML 作为上下文送入,可能是出 bug 了。。我仔细检查一下。
skywalkerfc
2025 年 3 月 24 日
挺厉害的,小众赛道
korvin
2025 年 3 月 24 日

ChoiYoonJung
2025 年 3 月 24 日
star 了,drawio 用的很多,期待后续
QAQqingju
2025 年 3 月 24 日
用了生成 ppt ,文字都在图形的上面,然后让改得时候,会弹窗提示出错,然后就好了,但是每次都是清空画布后再增加比之前多的图形,不够丝滑
hxzhouh1
2025 年 3 月 24 日
已经 star ,关注

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/1120534

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX