万物皆可Draw.io

最近迷上了一款工具:Draw.io。用过几次之后,就一发不可收拾了。

平时在写 md 文章时,经常需要插入一些框架图、原理图,而且这些图改动比较频繁,每次修改都需要重新生成图片,再插入到 md 中,比较繁琐。

直到组内小伙伴推荐了 Draw.io 这个插件,点击引用的图片链接,就可以进入编辑页面,修改后实时生效,简直不要太方便。

万物皆可drawio-插件.png

在 md 中直接修改 Draw.io 的图:

万物皆可drawio-Drawio演示.gif

抱歉图片有点糊,因为原图太大,老是上传失败,就压缩了一下。

Draw.io 在工作中特别实用。

比如每次提测需求,都需要给 QA 同学写测试建议,我也会用 Draw.io 来做:文字 + 图片,特别清晰,最后输出一张图片,发给 QA 同学即可:

万物皆可drawio-测试建议.png

画完后,导出为图片即可:

万物皆可drawio-输出为图片.png

我现在甚至连健身计划也使用 Draw.io 来制作:

万物皆可drawio-健身计划.png
我个人比较喜欢的是带网格背景的图形:

万物皆可drawio-网格背景.png

至于字体的话,自带的字体比较普通,可以自己自定义,我比较喜欢 Google 的 ZCOOL KuaiLe 中文字体。

自定义字体的方式如下:

万物皆可drawio-自定义字体1.png

可以选择自定义系统的字体、Google 字体和 Web 在线字体:

万物皆可drawio-自定义字体2.png

我这里选择自定义一个 Google 的 ZCOOL KuaiLe 字体:

万物皆可drawio-自定义字体3.png

更多的 Google 字体可以去这里查看:google fonts

筛选出中文字体:

万物皆可drawio-自定义字体4.png

字体效果如下:

万物皆可drawio-自定义字体5.png

Draw.io 还有很多功能,大家可以自行探索、尝试。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享