大约一年前之前发过一帖: https://www.v2ex.com/t/1120534
之前只能算个基本的雏型,现在有了很多改善。
Web 框架用的 Nextjs 。原理就是用 Embed Drawio 然后通过输入和输出 XML 的结果来控制 Drawio.
特征如下:
- 直接和 Drawio 无缝连接,不用复制粘贴来回倒腾 Drawio 的 XML 文件。
- 支持图像输入,可以直接发个手绘图让 llm 画图。
- 有历史功能。可以回溯到之前的编辑记录。
- [ New ] 图像修改功能,修改时不是重新生成而是想 ai 编程工具一样只修改特定的部分。
- [ New ] 各大云的架构图也能画了(用的 Claude 4.5 ,它的训练数据里有各大云的图标。
- [ New ] 能画动态箭头(这个也归功于模型升级)
下面是一些演示:
Demo 动画:
https://github.com/user-attachments/assets/b2eef5f3-b335-4e71-a755-dc2e80931979
Animated transformer connectors
Prompt: Give me a animated connector diagram of transformer's architecture.
Azure
GCP
AWS
Mao(当然,猫也还是能画的)
最后说一个模型选择的问题。现在模型是 Claude 4.5 ,还有能与之竞争的是 GPT5.1 。GPT5.1的猫画的更可爱,而且支持 tool input streaming ,生成时更加丝滑,奈何 GPT5.1 训练数据里没有云厂商的图标,只能生成最基本的图形,所以最终选了 Claude 4.5.
希望大家能给个小星星😁。
Github : https://github.com/DayuanJiang/next-ai-draw-io
Demo 站(手机用不了,得在桌面打开): https://next-ai-drawio.jiang.jp/