10个前端及设计师必备的生产工具

优化工作流程，这10种生产力工具，前端和设计师必备的工具，是提高效率的一大帮助。

　DragDis

　　设计师总是在寻找灵感， DragDis 这是一个帮助设计师保存灵感的工具，这是一个 chrome 插件，非常容易使用。

当我们找到好看的图片时，我们可以很容易地把它拖到云上。原作者每周都会创建一个新的文件夹。他介绍说，这是审视自己设计品味成长的好方法。

　DragDis还有一个全页网格视图。使用起来很舒服。

　　Muzli

　　这是一个 Chrome 从Designer新闻中收集插件，Dribbble，Behance等来源的设计相关内容。

　　设计师喜欢看那些设计精美的案例，从中汲取灵感。一个合格的设计师必须了解国外最新最受欢迎的设计作品，这样你才能把握设计方向和理念，这样你的设计作品才能与国际接轨。一个好的工具可以帮助你节省很多时间，Muzli 事实上，它取代了谷歌浏览器的默认标签。只要你安装它，它就会成为浏览器的主页（可选设置），这样你就可以每天打开浏览器，获得来自主要设计网站的最新作品。

　　值得一提的是，这个插件有专门的人负责维护和操作，就像你有个人助手帮你选择最好的前端和设计相关文章一样。

　　Invision

　　Invision是一个原型设计和工作流平台，非常适合前端和设计师之间的合作。

　　设计师可以将设计稿上传到项目中。然后他们热连接屏幕。

　蓝色部分是热链接区域。如果你点击它们，它会带你去下一个屏幕。这是设计师通过流程引导客户和开发人员的好方法。当与用户进行一些初步的定性测试时，它也非常有用。

官方说法 Airbnb、Evernote 、Adobe、Oracle、Yahoo、Zappos 等均为 InVision 用户，超过 35 一万名设计师在使用 InVision 的服务。

　　What the Font

　　字体是设计中非常重要的组成部分，这个工具可以帮助你找到当前网站使用的字体。

　　这是个 chrome 插件，只需简单点击即可出现字体细节。

Postman

　　工作时，前端开发人员经常需要查询或调用 API 。Postman 这是一个方便的工具，可以帮助你向API提出请求。

　　当开发人员需要调试网页是否正常运行时，并不是简单地调试网页 HTML、CSS、脚本和其他信息是否正常运行更重要的是，网页可以正确处理各种信息 HTTP 请求，毕竟网页 HTTP 请求是网站与用户互动的一种非常重要的方式。在动态网站中，用户的大部分数据都需要通过 HTTP 请求与服务器交互。

　　Postman 插件充当这种交互方式的“桥梁”，它可以模拟各种用户 HTTP 要求的数据发送到服务器，以便开发人员能够及时做出正确的响应，或提前处理产品发布前的错误信息，以确保产品发布后的稳定性和安全性。

　　Wappalyzer

　　Wappalyzer 是识别网站使用的库和框架的工具。

　　它也是一个 Chrome 插件是前端开发人员最有用的工具之一。

　　下次你想知道一个网站用什么库来创建一个特定的可视化功能，Wappalyzer 帮你搞定。

介绍了以上工作方向的生产力工具，介绍了以下两种娱乐方向的生产力工具。舒适的工作环境有助于提高效率。

　　Boom 2

　　Boom for Mac，能有效提高苹果操作系统的音质，具有提高系统音量、提高语音聊天或音乐播放音效等各种音效增强工具 Boom Mac 还具有增加音频文件音量的功能。例如，下载的音乐音量太小，可以使用 Boom Mac 处理后再同步到苹果设备。

　　Noiz.io

　　许多创意工作者喜欢咖啡馆的氛围，(有) Mac 和 iOS 版本)能让你有这种氛围，调节咖啡店、雨天、雷电、海浪的感觉。