推荐 12 个提升程序员软技能与效率的必备工具，爱了爱了！

墨蓝 2022-10-07 07:54 364阅读 0赞

![9e4908a0cfdf27bdae03ffd8a45f59ad.png][]

这一期的内容有点不一般哦，先来几个在线绘图类的工具吧。

## 1. draw.io ##

draw.io 是一款免费的在线图表编辑工具, 可以用来编辑工作流, BPM, org charts, UML, ER图, 网络拓朴图等，而且是免费的哦，创建的图表等可能无限哦。

![2af6a9cc977a9a08a2f0318c3971f3c9.png][]

还可以 GitHub 授权登录，然后把自己创建的流程图等保存到 GitHub 仓库，还可以在 GitHub 仓库里面打开自己保存过的流程等图哦！

猫哥就是一直在用这个来画图的，然后自己创建一个私有 GitHub 仓库来存放这些图的，非常好用哦。

![2375893cc8295c6f68f0a0c89820034d.png][] ![c7892df737927e346ae9462ccfee11cd.png][]

> https://www.draw.io/

## 2. ProcessOn ##

![889aca7388b44e3cb529f2b8aed23b24.png][]

ProcessOn 是一个在线作图工具的聚合平台，它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等， 不管 Mac 还是 Windows，一个浏览器就可以随时随地的发挥创意，规划工作。

![df22081cba19b58285ea364ed49fb3bc.png][]

缺点就是免费用户能创建 9 个图，不是无限的。

> https://www.processon.com/

## 3. excalidraw ##

Excalidraw 是一款非常轻量的 **在线白板** 工具，可以直接在浏览器打开，轻松绘制具有 **手绘风格** 的图形。

比如可以绘制这样的图形：

![a3a0ec7673c0e4d786fe2db36ec52e61.png][]

*  一个开源免费的画图软件
 *  个人目前看到的最舒服的画图软件
 *  支持多人协作

> https://excalidraw.com/

## 4. whistle ##

代理抓包工具，很好很强大。

基于 Node 实现的跨平台 web 调试代理工具，类似的工具有 Windows 平台上的 Fiddler，主要用于查看、修改HTTP、HTTPS、Websocket 的请求、响应，也可以作为 HTTP 代理服务器使用。

不同于 Fiddler 通过断点修改请求响应的方式，whistle 采用的是类似配置系统 hosts 的方式，一切操作都可以通过配置实现，支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式，且可以通过 Node 模块扩展功能。

> https://wproxy.org/whistle/

## 5. Easy Mock ##

Easy Mock 是杭州大搜车无线团队出品的一个极其简单、高效、可视化、并且能快速生成模拟数据的 在线 mock 服务 。以项目管理的方式组织 Mock List，能帮助我们更好的管理 Mock 数据.

不过目前该网站正在备案中，暂时访问不了，要等几天了。

> https://www.easy-mock.com

## 6. Fiddler ##

![1b5653b43d9cc63160226ab4b61729ad.png][]

Fiddler 是一个蛮好用的抓包工具，可以将网络传输发送与接受的数据包进行截获、重发、编辑、转存等操作。也可以用来检测网络安全。

> https://www.telerik.com/fiddler

## 6. GitHub 统计 ##

![0c864b3474754f2c34eea6e07704100d.png][]

GitHub 全球排名：这个排名很权威。

每个在 GitHub 开源的开发者，都想知道自己在 GitHub 上的排名吧，很简单只要在上面输入框输入自己的 GitHub 用户名即可，就可以看到自己的统计数据了。

比如猫哥的统计数据：`https://gitstar-ranking.com/biaochenxuying`

> https://gitstar-ranking.com/

## 8. 墨刀 ##

![ec9b570bdda8bd438b26e2793b5b26f8.png][]

原型设计工具，原型、设计、流程图、思维导图......享受创造的乐趣，成就团队和个人

*  产品设计，何止是快，简单的拖拽，即可快速完成产品设计，将更多的时间留给思考
 *  尺寸灵活，创作不受限，适配各类移动产品、网页设计、后台管理、小程序、活动原型....
 *  支持制作高、低保真原型，不论是工作交流，还是客户展示，都能完美满足团队需求

> https://modao.cc/

## 8. 蓝湖 ##

一款产品文档和设计图的共享平台，帮助互联网团队更好地管理文档和设计图。

蓝湖可以在线展示 Axure，自动生成设计图标注，与团队共享设计图，展示页面之间的跳转关系。

*  高效的产品设计协作平台
 *  无缝衔接产品、设计、研发流程
 *  降低沟通成本，缩短开发周期，提高工作效率

![13986ddf696ec103712ecfedaa59058f.png][]

国内大部分设计师和前端在用这个来对接 ps 文件吧，真的好用！

> https://lanhuapp.com

## 10. PxCook ##

*  从设计到代码, 让团队高效协作
 *  高效易用的自动标注工具，生成前端代码，设计研发协作利器

![3e44b5b53b52904435427419188e12eb.png][]

> https://www.fancynode.com.cn/pxcook

## 11. removebg ##

![725d8cc29bb4faff126350303eb599c8.png][]

一个抠图神器类工具，消除图片背景:100% 自动 – 只需 5 秒– 无需点击 – 免费。

Remove.bg 是一款非常神奇强大的在线人像照片/物品图片背景快速去除工具，你只需要上传图片，它就会利用「人工智能」技术全自动帮你扣掉背景，5 秒钟就能给你一张透明的移除背景后的主体照片。整个过程非常的简单傻瓜，你完完全全不需要花费任何精力去自己抠图。

> https://www.remove.bg/zh

## 12. ps-uupoop ##

![df19db06d34bf6a7a6c8904129ce4c66.png][]

PS 在线图片编辑器是一个专业精简的在线 ps 图片照片制作处理软件工具，直接在浏览器打开就可用它修正，调整和美化图像。

相比同类软件，uupoop 支持的文件格式更多，包含 psd、xd、sketch、xcf、raw、pdf 及常见图片格式。

整体体验下来，我觉得 uupoop 拥有了原版PS 80% 的功能，基本可以满足轻量的编辑或应急情况下的编辑需求。

> https://www.uupoop.com/

[9e4908a0cfdf27bdae03ffd8a45f59ad.png]: /images/20221005/0f3d5d7461fe44b68fcbf9b3de444f0d.png
[2af6a9cc977a9a08a2f0318c3971f3c9.png]: /images/20221005/bfe23ab7343942288fb00c10508d16e1.png
[2375893cc8295c6f68f0a0c89820034d.png]: https://img-blog.csdnimg.cn/img_convert/2375893cc8295c6f68f0a0c89820034d.png
[c7892df737927e346ae9462ccfee11cd.png]: /images/20221005/aeace0d6af2c45bf83e1435b7c7e6848.png
[889aca7388b44e3cb529f2b8aed23b24.png]: /images/20221005/b5a0001d3aea462f8d1eb0252f72028a.png
[df22081cba19b58285ea364ed49fb3bc.png]: /images/20221005/2ca737dcbd9b44f0ac81b7647006e032.png
[a3a0ec7673c0e4d786fe2db36ec52e61.png]: /images/20221005/05c1e2bb2cba4ce68877db6a428b09ba.png
[1b5653b43d9cc63160226ab4b61729ad.png]: /images/20221005/75d4f2b0bf654e5583819c8113272574.png
[0c864b3474754f2c34eea6e07704100d.png]: /images/20221005/a70ca10936884e02a030552744c70615.png
[ec9b570bdda8bd438b26e2793b5b26f8.png]: /images/20221005/9eeaebd7d822480e843e1d18f711a205.png
[13986ddf696ec103712ecfedaa59058f.png]: /images/20221005/ef81635d6bc54ec9b04426e9f1e91e8f.png
[3e44b5b53b52904435427419188e12eb.png]: /images/20221005/d165e3662d224193985232b34e97a53a.png
[725d8cc29bb4faff126350303eb599c8.png]: /images/20221005/90e26e7c49884fe88957c633b4d3788a.png
[df19db06d34bf6a7a6c8904129ce4c66.png]: /images/20221005/e9345ff1f4b6448cb5504b41b181198d.png