Skip to content

哈喽,大家好呀,我是呼噜噜,总是有朋友在后台问我文章中漂亮的图,用哪款软件画的?今天正好和大家完整地分享一下,把老底都掏出来

作为一名程序员,我日常工作的核心是写代码,但当我写的技术文章越来越多时,我逐渐意识到:人脑不是 CPU,没有多线程,谁有耐心去啃枯燥的技术文。

漂亮的插图能让文章内容丰富起来,还能减少许多描述性的文字,更直观,一图胜千言,这不是句空话~

下面和大家分享,我压箱底的画图工具和技巧,建议收藏,全是干货。

Excalidraw

Excalidraw是一款手绘风格、免费、开源、无须登录的白板工具,可以快速画出漂亮的流程图、UML图甚至是图表。

在线访问地址:https://excalidraw.com

我最近经常使用它,特别喜欢它的手绘风格,"画得丑"反而成了一种特色~,那种自然的粗糙感,让人觉得特别亲切

我觉得它的理念:不纠结排版和样式,专注于想法本身,可以随心所为地涂鸦

它还内置了很多现成的素材库,包含手绘风格的图标、图标等,直接拖进画布就行

除此之外,Excalidraw 还有很多特点:

  1. 支持实时协作,可以和其他人员在一个白板上协调工作,端到端加密,数据安全

  2. 支持导出图片、导出源文件、分享链接、实时协作、将内容保存到工作区

  3. 还有许多新功能,比如:画框、激光笔、mermaind转换、最近大热的AI功能。

别看它整个白板很简洁,但其实有隐藏许多功能、快捷键,许多人都不知道,可以点击右下角的问号图标,去查看

Draw.io

draw.io 可以说是我写文章,做配图最常用的画图工具!

**打开浏览器,输入网址,直接就能开始画,**这点它做的真的赞!在如今这个干啥都要手机号注册+扫码登录的年代,它简直是一股清流


不需要注册账号,不需要登录, 哪怕你断网了,下载个桌面版照样能跑。这种“召之即来,挥之即去”的工具感,真的太尊重用户了

关键draw.io还是完全免费、功能强大的在线绘图工具,市面上不乏优秀的作图软件,比如ProcessOnVisio亿图等基本都要收费

在线访问地址是:https://app.diagrams.net

它的前身是:https://draw.io。这两个url都能访问,但我一般输入后面这个,因为它简洁好记

虽然它免费,但它支持各种专业图表,非常的硬核,不管是产品经理要画的原型图、程序员要画的 UML/架构图,还是行政人事需要的组织结构图流程图泳道图E-R图思维导图等,它几乎全覆盖

它内置的模板库更多到看不过来。有时候老板催得急,我直接搜一个类似的模板,改改文字和配色就能交差,出来的效果还特别专业,完全看不出是几分钟赶出来的~

它还能够让线条流动起来,这样我可以利用它,实现如下的动态效果:

除此之外,draw.io 还有很多特点:

  • 社区与生态好,开源背景,模板丰富

  • 支持设置手绘风格、自带多种图标,支持自定义图标

  • 支持将图片导出为PNGJEPGSVGPDFHTMLXML等,支持导出高级设置,如调整DPI、宽高、缩放、背景等

  • 跨平台灵活,在线直接用浏览器,离线用桌面版;手机/平板也能基本操作

Next AI Drawio

我最近又发现个很有趣的开源项目Next AI Drawio,以前画一个不错的插图,我可能得花2-3小时反复调整,还得精修,非常耗时间!

现在我可以通过它与AI对话,去AI帮我自动去画,别说效果还挺不错的~

Next AI Drawio 是一个基于 Next.jsWeb 应用程序,它将 AI 功能draw.io 图表集成在一起,可以让我们用自然语言直接生成专业图表

在线体验地址:https://next-ai-drawio.jiang.jp

我觉得对话式绘图是它最大的特色,将AI 功能draw.io 结合起来,比如我输入提示词:"帮我生成微信小程序登录的流程",它就哐哐一顿就自动画出来了:

这真是太棒了!满满地生产力

还能让它一键生成动态图表:

基本上draw能干的,它都能干!

这个项目是开源的,目前项目已斩获17.2K+ Star,非常热门,仓库地址:https://github.com/DayuanJiang/next-ai-draw-io

它还支持Docker一键部署:

拉取最新镜像

docker run -d -p 3000:3000 \  -e AI_PROVIDER=openai \  -e AI_MODEL=gpt-4o \  -e OPENAI_API_KEY=your_api_key \  ghcr.io/dayuanjiang/next-ai-draw-io:latest

#或者
cp env.example .env

编辑 .env 文件并填入您的配置

docker run -d -p 3000:3000 --env-file .env ghcr.io/dayuanjiang/next-ai-draw-io:latest

Xmind

XMind 是一款功能强大的思维导图和脑暴工具,适合个人和团队用于可视化想法、项目管理和知识整理

我主要使用它的免费功能,思维导图,感觉还挺好看的,其他的功能倒是使用的不多,就不多介绍了

下载地址:https://xmind.cn/download

本次分享到这里就结束啦,大家快去体验体验,还有什么需要的软件、工具、项目,都可以在下方留言评论,呼噜噜来帮你们找


如果你能看到这里,感谢阅读!关注我,获取更多学习干货!

作者:小牛呼噜噜

本文到这里就结束啦,感谢阅读,关注同名公众号:小牛呼噜噜,防失联+获取更多技术干货