好工具優(yōu)化工作流程，這10生產(chǎn)力利器，前端及設(shè)計(jì)師必備的工具，是提高效率的一大助力。

　DragDis

　　設(shè)計(jì)師總是在尋找靈感，而 DragDis 就是這樣一個(gè)幫助設(shè)計(jì)師保存靈感的工具，這是一個(gè) chrome 插件，非常容易使用。

當(dāng)我們找到好看的圖片可以輕松地拖動(dòng)到云上。原作者每周新建一個(gè)文件夾，他介紹這是一個(gè)很好地審視自己設(shè)計(jì)品味成長(zhǎng)的方式。

　DragDis也有一個(gè)全頁網(wǎng)格視圖。用著非常舒心。

　　Muzli

　　這是一個(gè) Chrome 插件，匯集來自Designer新聞，Dribbble，Behance等來源的設(shè)計(jì)相關(guān)內(nèi)容。

　　設(shè)計(jì)師都喜歡看那些設(shè)計(jì)精美的案例，從中汲取靈感，一個(gè)合格的設(shè)計(jì)師必須要了解國外最新和最熱門的設(shè)計(jì)作品，這樣你就可以把握設(shè)計(jì)方向和理念，這樣你的設(shè)計(jì)作品就會(huì)與國際接軌，一個(gè)好的工具可以幫助你節(jié)省大量的時(shí)間，Muzli 其實(shí)就是取代了谷歌瀏覽器默認(rèn)的標(biāo)簽，只要你安裝了就會(huì)成為瀏覽器的主頁（可選設(shè)置），這樣你每天打開瀏覽器就會(huì)獲取到來自于各大設(shè)計(jì)網(wǎng)站的最新作品。

　　值得一提的是這個(gè)插件是有專門的人去負(fù)責(zé)維護(hù)運(yùn)營(yíng)的，這就像你有一個(gè)個(gè)人助理幫你挑選最好的前端和設(shè)計(jì)相關(guān)的文章。

　　Invision

　　Invision是一個(gè)原型設(shè)計(jì)和工作流平臺(tái)，非常適合前端和設(shè)計(jì)師之間的協(xié)作。

　　設(shè)計(jì)師可以把做好的設(shè)計(jì)稿上傳到項(xiàng)目中。然后他們將屏幕彼此熱連接。

　藍(lán)色部分是熱鏈接區(qū)域。如果點(diǎn)擊它們，會(huì)帶您到下一個(gè)屏幕。這是設(shè)計(jì)師通過流程來引導(dǎo)客戶和開發(fā)人員的好方法。當(dāng)與用戶進(jìn)行一些初步的定性測(cè)試時(shí)，它也很有用。

官方說法 Airbnb、Evernote 、Adobe、Oracle、Yahoo、Zappos 等均為 InVision 的用戶，超過 35 萬名設(shè)計(jì)師在使用 InVision 的服務(wù)。

　　What the Font

　　字體是設(shè)計(jì)中相當(dāng)重要的組成部分，而這個(gè)工具就是能幫你找到，當(dāng)前網(wǎng)站用的什么字體。

　　這是個(gè) chrome 插件，只需要簡(jiǎn)單的點(diǎn)擊一下即可出現(xiàn)字體的詳情。

Postman

　　前端開發(fā)人員工作時(shí)，經(jīng)常需要查詢或調(diào)用 API 。Postman 是一個(gè)方便的工具，可以幫助你向API發(fā)出請(qǐng)求。

　　當(dāng)開發(fā)人員需要調(diào)試一個(gè)網(wǎng)頁是否運(yùn)行正常，并不是簡(jiǎn)簡(jiǎn)單單地調(diào)試網(wǎng)頁的 HTML、CSS、腳本等信息是否運(yùn)行正常，更加重要的是網(wǎng)頁能夠正確是處理各種 HTTP 請(qǐng)求，畢竟網(wǎng)頁的 HTTP 請(qǐng)求是網(wǎng)站與用戶之間進(jìn)行交互的非常重要的一種方式，在動(dòng)態(tài)網(wǎng)站中，用戶的大部分?jǐn)?shù)據(jù)都需要通過 HTTP 請(qǐng)求來與服務(wù)器進(jìn)行交互。

　　Postman 插件就充當(dāng)著這種交互方式的“橋梁”，它可以把各種模擬用戶 HTTP 請(qǐng)求的數(shù)據(jù)發(fā)送到服務(wù)器，以便開發(fā)人員能夠及時(shí)地作出正確的響應(yīng)，或者是對(duì)產(chǎn)品發(fā)布之前的錯(cuò)誤信息提前處理，進(jìn)而保證產(chǎn)品上線之后的穩(wěn)定性和安全性。

　　Wappalyzer

　　Wappalyzer 是一個(gè)用于識(shí)別網(wǎng)站使用的庫和框架的工具。

　　它也是一個(gè) Chrome 插件，是目前為前端開發(fā)人員最有用的工具之一。

　　下一次你想知道一個(gè)網(wǎng)站使用什么庫，來創(chuàng)建一個(gè)特定的可視化功能，Wappalyzer 幫你搞定。

上面工作向的生產(chǎn)力工具介紹完了，下面在介紹兩個(gè)娛樂向的生產(chǎn)力工具。舒適的工作環(huán)境有助于提升效率。

　　Boom 2

　　Boom for Mac，可以有效地提高蘋果操作系統(tǒng)的音質(zhì)，具有各種音效增強(qiáng)工具，比如提高系統(tǒng)的音量，改善語音聊天或者音樂播放的音效等，同時(shí) Boom Mac 還具有加大音頻文件音量的功能。比如下載的音樂音量太小，可以使用 Boom Mac 處理后再同步到蘋果設(shè)備中。

　　Noiz.io

　　很多創(chuàng)意工作者喜歡咖啡店的氛圍，（有 Mac 和 iOS 版本）可以讓你的擁有這種氛圍，可以調(diào)節(jié)出咖啡店，雨天，雷電和海浪的感覺。