我使用「磨刀切白菜」帳號(hào)發(fā)布面向設(shè)計(jì)師和產(chǎn)品經(jīng)理的工具，希望以此能成為你的工具箱般码。以下是從我微博妻率、知乎、Twitter 摘錄的精選板祝。
1. Protoship
如果遇到一個(gè)網(wǎng)頁(yè)迭代宫静，但沒有源文件怎么辦？除了四處詢問同事和重新畫，你可以試試這款 Sketch 插件孤里，將網(wǎng)站轉(zhuǎn)為 Sketch 源文件伏伯。當(dāng)然它現(xiàn)在還不夠完美，如果不要求全網(wǎng)站一比一導(dǎo)出的話（比如用于畫交互稿）值得一試捌袜。
官網(wǎng)鏈接：https://protoship.io/tools.html
2. Cofolios & Bestfolios
又快到春招季啦说搅，Cofolios 有很多大公司的實(shí)習(xí)生作品集，其中華裔挺多的虏等。Bestfolios 聚集了很多設(shè)計(jì)師的個(gè)人網(wǎng)站弄唧，來看看「別人家孩子的作品集怎么畫的」。
Cofolios 官網(wǎng)鏈接：http://cofolios.com/
Bestfolios 官網(wǎng)鏈接：http://bestfolios.com/home
3. Laws of UX
這是一個(gè)介紹設(shè)計(jì)法則的網(wǎng)站霍衫，每個(gè)法則會(huì)指向相關(guān)的解釋和文章候引，網(wǎng)站設(shè)計(jì)也很漂亮。目前站內(nèi)有 12 條法則慕淡，如果你有興趣了解更多背伴，可以閱讀《通用設(shè)計(jì)法則》。
Laws of UX 官網(wǎng)鏈接：https://lawsofux.com/
《通用設(shè)計(jì)法則》豆瓣鏈接：https://book.douban.com/subject/24869617/
4. Fluid
每次都要上網(wǎng)頁(yè)版 Google 翻譯峰髓？即便把網(wǎng)站加入收藏夾也還是麻煩傻寂。Fluid 可以將網(wǎng)站轉(zhuǎn)為 Mac app，有點(diǎn)像是 iOS Safari 的「添加到主屏幕」携兵，推薦你把常用的網(wǎng)頁(yè)「應(yīng)用」轉(zhuǎn)為本地應(yīng)用疾掰。
官網(wǎng)鏈接：http://fluidapp.com/
5. Collect UI
每天收到一封時(shí)下最火的設(shè)計(jì)作品的郵件，每次早晨打開都心情大好徐紧，也可以在官網(wǎng)以分類查看静檬，設(shè)計(jì)參考的好去處（訂閱入口在右上角「Newsletter」）。
官網(wǎng)鏈接：http://collectui.com/
6. Lunacy
公司里工程師用的 Windows 沒法查看 Sketch 文件怎么辦并级？你可以使用 Figma 導(dǎo)入后打開拂檩，但因?yàn)樗窃诰€的，有泄密的風(fēng)險(xiǎn)嘲碧。Lunacy 是著名圖標(biāo)資源網(wǎng)站 Icons8 發(fā)布的一款工具稻励，不僅能讀取 Sketch 文件的圖層，還能導(dǎo)出 CSS愈涩。雖然還有點(diǎn)小瑕疵（蒙版有時(shí)讀不出）望抽，但未來肯定會(huì)更好。
官網(wǎng)鏈接：https://icons8.com/lunacy
7. Clipboard Fill
Sketch Craft 的 Data 功能可以非常方便地將網(wǎng)頁(yè)上的圖片填充到形狀中履婉，但實(shí)際上我們經(jīng)常是先在瀏覽器里選擇好圖片再做填充煤篙，就不得不再把鏈接粘貼到 Data 中。Clipboard Fill 可以一鍵填充你剪切板中的圖片毁腿，更加符合實(shí)際場(chǎng)景辑奈。
GitHub 鏈接：https://github.com/ScottSavarie/Clipboard-Fill
8. Paste
想一下你是不是經(jīng)常遇到以下情形：復(fù)制一段內(nèi)容后不小心又復(fù)制了另一段苛茂，覆蓋了前者；有文字或圖片需要暫存下……是時(shí)候找一款剪切板工具了身害。Paste 不僅顏值高味悄，而且對(duì)色值、代碼塊塌鸯、文件類型等展示做了優(yōu)化侍瑟，大大提高生產(chǎn)力。最近發(fā)布了 iOS 版丙猬，主要功能是通過 iCloud 同步剪切板涨颜，目前僅上架美區(qū)，也就意味著電腦和移動(dòng)端要同時(shí)使用美區(qū)帳號(hào)茧球。
Paste 偶爾有降價(jià)庭瑰，但即便原價(jià) 68 元也相當(dāng)值得。
官網(wǎng)鏈接：https://pasteapp.me/
9. LightScreen
很多人看到有意思的設(shè)計(jì)時(shí)都有截圖的職業(yè)習(xí)慣抢埋，但你養(yǎng)成整理截圖的習(xí)慣了嗎弹灭？LightScreen 可以給截圖打標(biāo)簽，當(dāng)需要找參考和靈感時(shí)便能迅速找到揪垄。
App Store 鏈接：https://itunes.apple.com/cn/app/lightscreen
10. Paddy
Sketch 插件 Compo 可以通過「10:5:10:5」的命名規(guī)則定義上右下左（順時(shí)針）間距穷吮，讓文字一鍵生成按鈕，更改文字后通過快捷鍵適應(yīng)新尺寸饥努。這已經(jīng)大大提高效率捡鱼，但 Paddy 僅需要輸入「10 5」即定義間距（上下、左右等距）酷愧，更重要的是驾诈，當(dāng)更改文字后會(huì)自動(dòng)適應(yīng)新尺寸，效率更上一層樓溶浴。不過使用中也有些 bug乍迄，比如不會(huì)自動(dòng)編組，如果不能忍受的話 Compo 也十分推薦士败。
Compo GitHub 鏈接：https://github.com/romashamin/compo-sketch
Paddy GitHub 鏈接：https://github.com/DWilliames/paddy-sketch-plugin
11. TabMemFree
在找案例參考時(shí)就乓，往往會(huì)打開非常多標(biāo)簽頁(yè)，而 Chrome 是內(nèi)存大戶拱烁，電腦卡到爆炸，人也容易惱火噩翠。TabMenFree 會(huì)在標(biāo)簽頁(yè)靜止一定時(shí)間后自動(dòng)關(guān)閉頁(yè)面（但不關(guān)閉標(biāo)簽頁(yè)）以節(jié)省內(nèi)存戏自。我是經(jīng)常打開近百個(gè)標(biāo)簽頁(yè)的人，但從來不卡??
Chrome 商店鏈接：https://chrome.google.com/webstore/detail/tabmemfree
12. Vanilla
工作時(shí)為了減少 IM 的干擾伤锚，我會(huì)收起 dock擅笔、打開勿擾模式志衣，但還是忍不住瞟菜單欄，一有消息就打開猛们。Bartender 可以隱藏菜單欄圖標(biāo)念脯，但價(jià)格不菲，Vanilla 就是個(gè)很好的替代品弯淘，雖然功能不如前者豐富但免費(fèi)版基本夠用绿店，你也可以付費(fèi)購(gòu)買高級(jí)版，包括自動(dòng)隱藏庐橙、快捷鍵觸發(fā)等功能假勿。
官網(wǎng)鏈接：http://matthewpalmer.net/vanilla/
