archify封面图

好家伙,最近刷GitHub Trending发现一个猛的——archify,一周涨了2万多星,现在已经57K+ Star了。这玩意儿到底是啥?简单说:你用大白话描述你的系统架构,它就能帮你画出一张专业级的架构图,还是那种带暗色/亮色主题切换、能导出高清PNG/SVG的交互式HTML。

🎯 archify解决什么问题?

做技术的都懂,画架构图是件又重要又费时间的活。用draw.io拖拖拽拽半小时,用Mermaid写语法写到头秃,用PPT画出来像小学生作业……总之各有各的痛苦。

archify的思路很直接:既然你已经在用Claude Code、Cursor这些AI编程助手了,那为什么不让AI直接帮你画?你只要用自然语言描述,比如「浏览器→API网关→Redis缓存→数据库」,它就自动生成一张完整的架构图。

archify GitHub页面

🔥 为什么突然火了?

archify能火不是没原因的:

1. 时机对了。 2026年AI编程工具全面普及,Cursor、Claude Code、Codex CLI几乎成了程序员标配。archify作为这些工具的「技能插件」,自然跟着起飞。

2. 真的能用。 不是那种demo很炫但实际一塌糊涂的项目。它有完整的类型化JSON中间表示(IR),有验证器检查布局规则,生成的HTML是自包含的单文件,打开就能看。

3. 五种图表类型。 不止架构图,还能画工作流图、时序图、数据流图、生命周期图——基本上技术文档需要的图它都能搞定。

4. 开源免费。 MIT协议,随便用。这年头找到一个既好用又免费的工具,属实不容易。

💻 实际用起来什么体验?

安装超简单,一行命令:

npx skills add tt-a1i/archify -g

装好之后,在Cursor或者Claude Code里直接跟AI说你要画什么图就行了。比如:

「帮我画一个微服务架构图,包括用户服务、订单服务、支付服务、消息队列和数据库」

AI就会调用archify生成一张架构图,输出一个HTML文件。用浏览器打开,你就能看到:

archify生成的架构图示例

每个节点都能点击展开查看详情,暗色/亮色主题一键切换,还能直接导出PNG、JPEG、WebP、SVG各种格式。4倍分辨率导出,放到PPT里也清清楚楚。

📊 和同类工具比怎么样?

市面上画架构图的工具不少,archify的优势在哪?

vs Draw.io:Draw.io需要手动拖拽,适合精细调整。archify适合快速出图,一句话搞定。两者可以配合用——先用archify生成初稿,再用Draw.io微调。

vs Mermaid:Mermaid写语法其实挺优雅的,但样式比较有限。archify生成的图视觉效果好很多,而且是交互式的。

vs PlantUML:PlantUML是老前辈了,功能强大但学习曲线陡。archify对新手友好太多,会说话就行。

🤔 适合什么场景?

说实话,archify最适合这几种场景:

技术方案评审——快速出图给团队看,比PPT画半小时快多了

项目文档——README里放一张专业架构图,逼格直接拉满

面试准备——画系统设计图,面试官看了直呼内行

学习笔记——把学过的系统画成图,加深理解

博客文章——写技术博客配架构图,阅读体验直接翻倍

⚠️ 一些注意事项

archify目前是作为AI编程工具的插件使用的,所以你需要先有一个AI编程助手(Claude Code、Cursor、Codex CLI等)。如果你平时不用这些工具,可能需要先花点时间适应。

另外,archify生成的图是基于你描述的内容,所以你的描述越准确,图就画得越好。建议先用简单的描述试试手,熟悉之后再画复杂的系统。

📥 怎么获取?

GitHub仓库:github.com/tt-a1i/archify

安装命令:npx skills add tt-a1i/archify -g

完全免费,MIT开源协议。

说实话,现在还能找到这种既实用又免费的工具真不容易。如果你平时需要画架构图、流程图,强烈建议试试archify,可能会颠覆你对「画图」这件事的认知。

关注公众号:「实用软技」,在公众号窗口里回复关键字「软件」即可免费获取

https://www.88531.cn/?p=55917

www.npspro.top互联侠客
软师兄 » 57K Star的AI架构图神器archify,一句话画出专业系统架构图

最TOP的Docker,软路由,虚拟机等学习资料

立即查看 了解详情