1. BundlePhobia
BundlePhobia用于分析npm package的依賴蟆沫、bundle后的大小辣吃、下載速度預(yù)估等等触徐，幫助你在引用一個(gè)package之前了解引入該package的代價(jià)：
你也可以將項(xiàng)目的package.json文件上傳涩僻，BundlePhobia會(huì)幫你評(píng)估項(xiàng)目中所有包的大小和加載速度：
2. CloudCraft
如果你用AWS皿伺，那CloudCraft將會(huì)極大程度的幫助你员辩，CloudCraft提供可視化的操作界面，通過拖拽設(shè)計(jì)你的云服務(wù)架構(gòu)
CloudCraft提供云服務(wù)價(jià)格的統(tǒng)計(jì)功能鸵鸥，幫你精打細(xì)算
3. Figma
Figma是這張清單里面比較有名的了奠滑，對(duì)于習(xí)慣使用illustrator和sketch的設(shè)計(jì)師，figma也絕對(duì)值得嘗試脂男。Figma提供web和desktop兩個(gè)版本，web版本使用WebAssembly編寫從而獲得不輸desktop的性能种呐，因此在不同的操作系統(tǒng)上都可以快速使用宰翅。Figma可以模擬各種用戶輸入事件，可以直接將設(shè)計(jì)稿導(dǎo)出成CSS爽室、IOS樣式汁讼、Android樣式。
4. Fontflipper
在設(shè)計(jì)或者開發(fā)時(shí)還在為使用字體發(fā)愁的同學(xué)阔墩，可以試試Fontflipper嘿架。Fontflipper只有一個(gè)目的，就是讓你選到最適合你的設(shè)計(jì)的字體啸箫，上傳你的設(shè)計(jì)圖耸彪，添加你的文字，切換不同的字體忘苛，收藏你喜歡的蝉娜，就這么簡單。缺點(diǎn)是沒有中文字體扎唾。召川。
5. VisBug
VisBug是一款Google Chrome的插件，不久之前才推出胸遇。VisBug可以幫你更快的檢查元素荧呐、移動(dòng)元素、改變css屬性纸镊、查找元素倍阐。。極大的增加前端開發(fā)效率逗威！
6. Insomnia
Insomnia是一款調(diào)試API工具收捣，支持調(diào)試Rest Api和GraphQL Api。在寫graphQL query的時(shí)候有很好的智能提示庵楷。
7. Flare
Flare用于設(shè)計(jì)2D的動(dòng)態(tài)圖罢艾，使用體驗(yàn)與Figma相似楣颠。
與codepen類似，你也可以看到其他設(shè)計(jì)師的公開作品
