本文轉(zhuǎn)載自公眾號(hào)“讀芯術(shù)”(ID：AI_Discovery)。

無論是前端開發(fā)人員、后端開發(fā)人員，還是設(shè)計(jì)師，都期望能找到適合自己的工具；在某些需要團(tuán)隊(duì)合作的情況下，好用的工具也能對(duì)工作大有助力，能提高整個(gè)團(tuán)隊(duì)的工作效率。

以下這些工具并不針對(duì)任何特定的開發(fā)人員，我相信其中某些工具一定會(huì)對(duì)你有所幫助?，F(xiàn)在開始吧!

[[338378]]

1. Cloudcraft

Cloudcraft適用于后端開發(fā)人員。

所有的后端開發(fā)人員似乎都在仔細(xì)設(shè)計(jì)后端——尤其是后端的AWS和很多不同的服務(wù)在運(yùn)行的時(shí)候，你可以選擇用Cloud Craft來設(shè)計(jì)后端，告別枯燥的繪圖工具。

Cloud Craft提供了非常直觀的單擊-拖放界面，開發(fā)人員可以集成各種AWS服務(wù)。這不僅有助于做計(jì)劃，還有助于做預(yù)算。

對(duì)于開發(fā)人員來說，瀏覽每項(xiàng)服務(wù)的定價(jià)頁面并了解其定價(jià)是件非常頭疼的事情，哪怕只是算出一個(gè)大概的成本也不容易。Cloudcraft會(huì)列出整個(gè)體系結(jié)構(gòu)的大致預(yù)算表，從而能為開發(fā)人員節(jié)省大量時(shí)間。

遺憾的是，Cloudcraft目前只適用于AWS，不過GCP和Azure的定價(jià)相差不多，所以你仍然可以通過Cloudcraft獲得大致的預(yù)算。

2. Insomnia

Insomnia適用于后端開發(fā)人員。

Insomnia是許多后端開發(fā)人員喜歡使用的工具，它可以用來更好地協(xié)作創(chuàng)建并管理其API文檔。無論開發(fā)人員是要構(gòu)建REST還是GraphQL API，Insomnia都可以你的滿足需求。它可以讓整個(gè)工作流程的運(yùn)作就像是一個(gè)團(tuán)隊(duì)，它擁有布局合理的用戶界面，可以用來創(chuàng)建端點(diǎn)結(jié)構(gòu)，而不必編寫繁瑣的HTTP請(qǐng)求。

它還為開發(fā)人員正在使用的API提供了絕佳的智能編輯器，可以幫你更快地編寫請(qǐng)求。如果大家使用的是帶有Insomnia的GraphQL API，那你的體驗(yàn)效果會(huì)更棒!

3. BundlePhobia

BundlePhobia適用于前端開發(fā)人員。

BundlePhobia能幫助開發(fā)人員“算出將npm軟件包添加到束中的成本”，這意味著你可以知道添加npm軟件包后，束的大小會(huì)增加多少。開發(fā)前端框架時(shí)，開發(fā)人員總是盡可能地將束的大小維持在最小狀態(tài)，從而為用戶優(yōu)化初始頁面加載。

你甚至可以上傳package.json文件來分析其正在使用的軟件包，這是所有專業(yè)開發(fā)人員都會(huì)使用的。

4. Figma

Figma適用于設(shè)計(jì)師。

Figma是設(shè)計(jì)師為應(yīng)用程序創(chuàng)建模型和設(shè)計(jì)的絕佳工具。如果你已經(jīng)在用Adobe Illustrator了，那么換成Figma吧，它能產(chǎn)生10倍于前者的價(jià)值!

• Figma使用Web安裝，性能出色，能提升Illustrator中的工作效率。
• Figma是一款精心設(shè)計(jì)的應(yīng)用程序，可免費(fèi)滿足設(shè)計(jì)師的大部分設(shè)計(jì)需求。
• Figma提供了跨平臺(tái)的應(yīng)用程序，設(shè)計(jì)師可以隨時(shí)隨地訪問自己的設(shè)計(jì)，不必使用功能強(qiáng)大的計(jì)算機(jī)訪問，無需安裝任何程序即可開始使用。
• 設(shè)計(jì)師可以為Web、安卓和iOS系統(tǒng)創(chuàng)建原型，甚至可以再次通過web應(yīng)用程序提供一些默認(rèn)行為。

5. RIVE

Rive適用于設(shè)計(jì)師和開發(fā)人員。

Figma可以幫助設(shè)計(jì)師創(chuàng)建出漂亮的設(shè)計(jì)一樣，而Flare將幫助他們創(chuàng)建出令人驚嘆的動(dòng)畫——就像大家有時(shí)候會(huì)在Dribble或Muzli設(shè)計(jì)上面看到的動(dòng)畫一樣，但你不知道如何從頭開始編碼。

RIVE可以幫助設(shè)計(jì)師創(chuàng)建出功能強(qiáng)大的交互式動(dòng)畫，之后可以輕松地將其集成到本地應(yīng)用程序代碼中。這是開放式設(shè)計(jì)運(yùn)動(dòng)的一部分，所以設(shè)計(jì)師可以訪問、查看、學(xué)習(xí)并使用其他設(shè)計(jì)師創(chuàng)建的所有動(dòng)畫。

此外，它與Flutter集成后的效果非常好，極大地改善了Flutter開發(fā)人員的體驗(yàn)。

6. FontFlipper

Fontflipper適用于設(shè)計(jì)師。

使用這個(gè)工具，設(shè)計(jì)師可以在應(yīng)用程序的屏幕上嘗試不同的字體。它擁有數(shù)千種字體，設(shè)計(jì)師可以嘗試模擬應(yīng)用程序的外觀，然后下載字體。所有字體都是免費(fèi)的。此外，它還為你提供了一個(gè)簡單、美觀、無干擾的用戶界面。

7. VisBug Chrome擴(kuò)展程序

VisBugChrome擴(kuò)展程序適用于前端開發(fā)人員。

有很多網(wǎng)站構(gòu)建器可以為開發(fā)人員提供拖放功能，該chrome擴(kuò)展程序讓自定義前端開發(fā)離此目標(biāo)更近了一步。

開發(fā)人員可以訪問web應(yīng)用程序的所有DOM元素

開發(fā)人員可以測(cè)量元素、移動(dòng)內(nèi)容、改變其樣式，甚至可以從其他網(wǎng)站學(xué)習(xí)如何設(shè)計(jì)外觀。

這一切都可以在瀏覽器中完成，不必編寫CSS，這一點(diǎn)非常強(qiáng)大，可以讓開發(fā)人員更快地設(shè)計(jì)他們想要的用戶界面。這將節(jié)省出大量時(shí)間，可以用來設(shè)計(jì)HTML CSS代碼，運(yùn)行過程中出現(xiàn)意外情況時(shí)，甚至可以調(diào)試并檢查其運(yùn)行情況。

雖然該插件學(xué)起來不太容易，不過為了更高效工作效率它值得。

8. MIRO

Miro適用于團(tuán)隊(duì)。

對(duì)于團(tuán)隊(duì)工作和協(xié)作(甚至是遠(yuǎn)程協(xié)作)來說，Miro無疑是最理想的工具。它為團(tuán)隊(duì)所有成員提供了廣闊的開放空間，他們可以加入并表達(dá)自己的看法和思想。團(tuán)隊(duì)成員可以討論任何問題并集思廣益，就像大家在一起使用會(huì)議室中的白板進(jìn)行思維碰撞那樣。

它還提供了一系列可以改善團(tuán)隊(duì)成員體驗(yàn)的工具。大家將不需要任何別的工具來管理項(xiàng)目和編制文檔;它還提供了遠(yuǎn)程呼叫;在和團(tuán)隊(duì)成員一起工作時(shí)不必切換標(biāo)簽。

它慷慨地提供了一項(xiàng)免費(fèi)入門計(jì)劃，對(duì)于大多數(shù)團(tuán)隊(duì)來說已經(jīng)足夠了。

輕松的開發(fā)工作從選擇優(yōu)秀工具開始，希望這些工具對(duì)你有用。