还在 draw.io 里拖拖拽拽？让 AI 替你画架构图

{"type":"doc","content":[{"type":"paragraph","attrs":{"id":"dee70020-3581-49ea-9b4b-8fa32872ee79","textAlign":"inherit","indent":0,"color":null,"background":null,"isHoverDragHandle":false},"content":[{"type":"text","text":"GitHub 上近期爆火的 AI 画图开源项目 next-ai-draw-io ，能够通过 EdgeOne Pages 一键部署上线了！仅需一句话，即可生成架构图、流程图和 UML 图等，极大提升了绘图效率。接下来给大家分享一下这个 EdgeOne Pages 的最佳实践案例，快速开启 AI 画图体验。"}]},{"type":"heading","attrs":{"id":"1608c30a-e0f4-4d90-835d-b19cac6f638a","textAlign":"inherit","indent":0,"level":1,"isHoverDragHandle":false},"content":[{"type":"text","marks":[{"type":"textStyle","attrs":{"color":"rgb(26, 26, 26)","background":""}},{"type":"bold"}],"text":"什么是 next-ai-draw-io？"}]},{"type":"paragraph","attrs":{"id":"3253a76e-8816-4fea-822f-e506145a9476","textAlign":"inherit","indent":0,"color":null,"background":null,"isHoverDragHandle":false},"content":[{"type":"text","marks":[{"type":"textStyle","attrs":{"color":"rgb(51, 51, 51)","background":""}}],"text":"next-ai-draw-io 是一个集成了 AI 功能的 Next.js 网页应用，与 draw.io 图表无缝结合。通过自然语言命令和 AI 辅助可视化来创建、修改和增强图表。简单来说，你可以像聊天一样画图：只需输入一句话，例如“画一个 CDN 工作原理流程图”，系统便能自动生成对应的流程图。如果需要修改，你还可以继续用文字告诉 AI，比如“标题字体调大一个字号”，就会自动帮你修改，也可以直接在画板上手动调整。此外，还可以上传简单的手绘草图或现有图表截图，可以将其转换为可编辑的 Draw.io 矢量图形，操作简单，能够轻松上手。"}]},{"type":"image","attrs":{"id":"f4cea7dc-6133-455f-bd70-e53c5ffa6bcd","src":"https://developer.qcloudimg.com/http-save/audit-1422024/ef525e601aeff8d4f4da8507d1c67403.png","extension":"png","align":"center","alt":"","showAlt":false,"href":"","boxShadow":"","width":954,"aspectRatio":"2.183612","status":"success","showText":true,"isPercentage":false,"percentage":0,"isHoverDragHandle":false}},{"type":"heading","attrs":{"id":"d1508301-4491-4868-876a-2ab7106f8cbf","textAlign":"inherit","indent":0,"level":1,"isHoverDragHandle":false},"content":[{"type":"text","marks":[{"type":"textStyle","attrs":{"color":"rgb(26, 26, 26)","background":""}},{"type":"bold"}],"text":"如何通过 EdgeOne Pages 一键部署？"}]},{"type":"paragraph","attrs":{"id":"35692fce-c270-40c3-a52b-d0c5d8760931","textAlign":"inherit","indent":0,"color":null,"background":null,"isHoverDragHandle":false},"content":[{"type":"text","marks":[{"type":"textStyle","attrs":{"color":"rgb(51, 51, 51)","background":""}}],"text":"EdgeOne Pages 为 next-ai-draw-io 提供了极简且强大的部署方案，直接一键部署，无需复杂配置。这意味着，你只需要点击一次部署按钮，EdgeOne Pages 就会帮你完成从配置到上线的全过程，无需任何复杂的手动设置，真正实现“开箱即用”，专注于 AI 绘图的创作。"}]},{"type":"video","attrs":{"id":"7bce5470-6e51-4b98-890b-50a472ba5a49","width":"100%","videoDetail":{"commentNum":0,"cover":"https://developer.qcloudimg.com/http-save/yehe-admin/0d9b916eb5b439cb4a54eb46b29e93ec.png","createTime":"2026-01-06T15:53:08+08:00","favNum":0,"intro":"","likeNum":0,"resInfo":{"duration":39,"fileId":"5145403711820919601","fileSize":"21776073","resId":75847,"resType":0,"vid":"","vlogId":84825,"vodStatus":5,"watermarkStatus":0,"watermarkTemplateId":0,"vodSig":{"t":"6a4b638e","us":957538,"psign":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNDY4ODE5NSwiZmlsZUlkIjoiNTE0NTQwMzcxMTgyMDkxOTYwMSIsImN1cnJlbnRUaW1lU3RhbXAiOjE3ODMzMjE5NDMsImV4cGlyZVRpbWVTdGFtcCI6MTc4MzMyNTU4MiwidXJsQWNjZXNzSW5mbyI6eyJ0IjoiNmE0YjYzOGUiLCJ1cyI6Ijk1NzUzOCJ9LCJwY2ZnIjoiZGV2ZWxvcGVyMDEiLCJpYXQiOjE3ODMzMjE5NDN9.BKpau-dJydrJAACGkPiOR5gStyoqmy7GkmlB3bT05dU"}},"status":2,"title":"还在 draw.io 里拖拖拽拽？让 AI 替你画架构图","uid":1422024,"updateTime":"2026-01-06T15:53:08+08:00","viewNum":375,"vlogId":84825,"author":{"avatarUrl":"https://developer.qcloudimg.com/http-save/10011/5219d8aaa3af9ce46e90ac5f2b200821.jpg","city":"1216","company":"腾讯","countryCode":"","createTime":"2018-03-06 18:07:00","education":0,"gender":0,"graduationDate":"","homePage":"","introduce":"关注「腾讯云开发者」公众号，将获得：10元无门槛代金券、洞察腾讯核心技术、剖析业界实践案例。","isArchitectLeague":0,"isBlogMoveAuthor":0,"isCoCreator":0,"isInteriorAuthor":1,"isInternalAuthor":0,"isOriginalAuthor":0,"isProfessionVerified":0,"isSetNotify":0,"isVerified":0,"jobType":0,"major":"","nickname":"腾讯云开发者","notifyType":0,"privilege":1,"province":"1213","qcloudUin":"100032052061","region":1,"school":"","skill":[],"speciality":[],"tipsConfig":null,"title":"","trade":"website_new","uid":1422024,"updateTime":0},"playerId":"28rlv84825"},"isHoverDragHandle":false,"isVideoCreating":false}},{"type":"paragraph","attrs":{"id":"41e7f7b5-6ff1-46e3-8717-ca13b7722192","textAlign":"inherit","indent":0,"color":null,"background":null,"isHoverDragHandle":false},"content":[{"type":"text","marks":[{"type":"textStyle","attrs":{"color":"rgb(51, 51, 51)","background":""}}],"text":"注：为保障内容合规，默认域名链接仅提供3小时限时预览，建议及时添加自定义域名，以确保服务持续可用。"}]},{"type":"paragraph","attrs":{"id":"ebf4967e-c593-441d-ace4-0ec4ccedfb24","textAlign":"inherit","indent":0,"color":null,"background":null,"isHoverDragHandle":false},"content":[{"type":"text","marks":[{"type":"textStyle","attrs":{"color":"rgb(51, 51, 51)","background":""}}],"text":"通过 EdgeOne Pages 部署，还可以享受每日免费的 DeepSeek 模型额度（@tx/deepseek-ai/deepseek-v32，每天50次），这意味着在额度范围内，可以免费体验 AI 生成和编辑图表的功能，让创意和效率提升真正实现零成本启动。"}]},{"type":"paragraph","attrs":{"id":"3c2d01ff-b30f-4389-90c4-d3f279b9a664","textAlign":"inherit","indent":0,"color":null,"background":null,"isHoverDragHandle":false},"content":[{"type":"text","marks":[{"type":"textStyle","attrs":{"color":"rgb(51, 51, 51)","background":""}}],"text":"点击链接了解更多："},{"type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/DayuanJiang/next-ai-draw-io/blob/main/docs/cn/README_CN.md?from=yun","target":"_blank","rel":"noopener noreferrer nofollow","class":null}},{"type":"textStyle","attrs":{"color":"rgb(51, 51, 51)","background":""}}],"text":"https://github.com/DayuanJiang/next-ai-draw-io/blob/main/docs/cn/README_CN.md?from=yun"}]},{"type":"paragraph","attrs":{"id":"6299579d-b775-4a1e-90e5-60c0af97e513","textAlign":"inherit","indent":0,"color":null,"background":null,"isHoverDragHandle":false},"content":[{"type":"text","marks":[{"type":"textStyle","attrs":{"color":"rgb(51, 51, 51)","background":""}}],"text":"EdgeOne Pages 与 next-ai-draw-io 的结合，为开发者铺平了通往 AI 画图创作的道路。现在就来 EdgeOne Pages 一键部署 next-ai-draw-io，开启 AI 画图之旅，让每一个想法都能轻松“画”为现实！"}]}]}