以下內(nèi)容由Mockplus團(tuán)隊(duì)翻譯整理，僅供學(xué)習(xí)交流，Mockplus是更快更簡(jiǎn)單的原型設(shè)計(jì)工具。

設(shè)計(jì)師日常設(shè)計(jì)過(guò)程中， 免不了需要使用Chrome搜索各類(lèi)最新設(shè)計(jì)案例或文章。善用各種專(zhuān)為Chrome打造的擴(kuò)展小插件，能顯著提升Chrome的效能，幫助設(shè)計(jì)師更快獲取靈感、學(xué)習(xí)技巧。

所以，為方便大家挑選，下面小編將為大家介紹10款親測(cè)且超實(shí)用的Chrome小插件。希望能對(duì)大家有所幫助。

1.Windows Resizer

或許屏幕那邊的你，剛好是一名設(shè)計(jì)師，并且用著一臺(tái)27英寸的5K屏iMac閱讀這篇文章。但對(duì)于絕大多數(shù)設(shè)計(jì)師而言，并非都能有機(jī)會(huì)用到如此超大分辨率的屏幕電腦，來(lái)查看各類(lèi)網(wǎng)頁(yè)設(shè)計(jì)或文章。此時(shí)， 他們又該怎么辦呢？

不用擔(dān)心！ 試試Windows Resizer的Chrome插件吧！當(dāng)設(shè)計(jì)師們需要在不同分辨率下查看網(wǎng)頁(yè)設(shè)計(jì)時(shí)，此款插件絕對(duì)有用。設(shè)計(jì)師打開(kāi)插件，預(yù)設(shè)或自定義好相關(guān)視口，即可輕松查看對(duì)應(yīng)網(wǎng)頁(yè)展示情況。操作簡(jiǎn)單易用，是一款不可多得的好工具。

2.Loom

設(shè)計(jì)師們常說(shuō)：“好的圖片勝過(guò)千言萬(wàn)語(yǔ)”。 那么要是直接在設(shè)計(jì)中添加視頻呢？是否能勝過(guò)上千萬(wàn)甚至更多語(yǔ)言呢？答案顯然是肯定的。

而Loom就是這樣一款能夠幫助設(shè)計(jì)師輕松且免費(fèi)錄制視頻的工具。使用該工具，任何網(wǎng)頁(yè)動(dòng)畫(huà)、用戶(hù)流程以及Bug運(yùn)行情況都可以輕松錄制成視頻，并分享給其他同事。

事實(shí)上，在過(guò)去的幾個(gè)月里，小編經(jīng)常使用此工具，并清楚地認(rèn)識(shí)到：當(dāng)截屏已然無(wú)法準(zhǔn)確傳達(dá)設(shè)計(jì)相關(guān)需求或建議時(shí)，使用此工具錄屏進(jìn)行解說(shuō)，準(zhǔn)沒(méi)錯(cuò)。

設(shè)計(jì)師安裝好插件之后，簡(jiǎn)單點(diǎn)擊“錄制”按鈕，即可開(kāi)始內(nèi)容錄制。待錄制完成后， 亦可輕松分享給其他同事或客戶(hù)，及時(shí)收集設(shè)計(jì)相關(guān)建議和反饋， 非常好用。

3.Toybox

用iDoc寫(xiě)產(chǎn)品文檔，拿摹客體驗(yàn)禮

網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，你是否還在為需要花費(fèi)大量時(shí)間逐個(gè)檢測(cè)頁(yè)面元素、截屏并記錄相關(guān)錯(cuò)誤或Bug而苦惱？不用擔(dān)心！試試Toybox工具吧！作為一款能夠幫助用戶(hù)快速檢查網(wǎng)頁(yè)CSS代碼， 并直接在網(wǎng)頁(yè)上記錄相關(guān)錯(cuò)誤和反饋的工具，Toybox工具無(wú)疑能夠幫你輕松解決這類(lèi)問(wèn)題。

更簡(jiǎn)單地說(shuō)，你可以直接將Toybox看作類(lèi)似InVision和Mockplus iDoc中包含的設(shè)計(jì)評(píng)論工具，以及Zeplin中的頁(yè)面檢查工具。唯一不同的地方是：該工具支持直接在網(wǎng)頁(yè)上接添加評(píng)論或反饋，而非在設(shè)計(jì)稿上。

此外，在添加相關(guān)設(shè)計(jì)評(píng)論或反饋時(shí)，此工具還支持自動(dòng)截屏并記錄相關(guān)Bug信息 (如瀏覽器信息、操作系統(tǒng)信息和視口大小信息等)，以方便后期處理這類(lèi)問(wèn)題時(shí)， 輕松重現(xiàn)相關(guān)問(wèn)題。

總之，它是一款不容任何產(chǎn)品團(tuán)隊(duì)或設(shè)計(jì)工作室錯(cuò)過(guò)的Chrome擴(kuò)展工具。

4.Muzli

作為設(shè)計(jì)師，是否希望利用日常碎片時(shí)間，隨時(shí)隨地查看最新設(shè)計(jì)作品，獲取設(shè)計(jì)靈感呢？不妨嘗試安裝一個(gè)Chrome的Muzli插件吧！如此，每次打開(kāi)Chrome瀏覽器， 你就可以快速查看最新最優(yōu)的設(shè)計(jì)了。為什么呢？因?yàn)镸ulzli工具會(huì)自動(dòng)從眾多最新網(wǎng)頁(yè)設(shè)計(jì)資源中，選取其中最優(yōu)且最具創(chuàng)意的部分進(jìn)行展示，以便大家查看并獲取靈感。

實(shí)際上，小編已經(jīng)使用此款工具很多年了。真的強(qiáng)力推薦大家使用。

5.SVG Grabber

瀏覽網(wǎng)頁(yè)時(shí)， 如若你只希望截取頁(yè)面中的某個(gè)Logo或圖標(biāo)進(jìn)行設(shè)計(jì)時(shí)，SVG Grabber工具值得一試。簡(jiǎn)單點(diǎn)擊開(kāi)始按鈕，該工具就會(huì)自動(dòng)提取該頁(yè)面的所有SVG圖片。然后輕松查看，并選擇需要的SVG圖片下載即可。

誠(chéng)然，此款Chrome插件并非常用設(shè)計(jì)工具。 但是，在真正需要截取類(lèi)似Logo或圖標(biāo)以?xún)?yōu)化設(shè)計(jì)時(shí)，它卻是必不可少的。所以，將它作為設(shè)計(jì)備用工具，儲(chǔ)存起來(lái)也是極好的。

6.Page Ruler

如若你正在尋找一款能夠準(zhǔn)確測(cè)量網(wǎng)頁(yè)元素大小的工具，不妨試試Page Ruler的Chrome插件。簡(jiǎn)單打開(kāi)該插件，推拽框選需要的部件， 即可立即查看其長(zhǎng)寬、邊距等屬性數(shù)據(jù)。無(wú)需過(guò)多操作， 簡(jiǎn)單易用， 值得嘗試。

7.Dark Mode Dev Tool

如今，深色模式，已然成為設(shè)計(jì)師必備的網(wǎng)頁(yè)設(shè)計(jì)和查看模式。所以，這里小編為大家分享一款名為“Dark Mode Dev Tools”的深色模式打造工具。盡管，嚴(yán)格意義上講，Dev Tools只是Chrome的內(nèi)置工具，并非真正的插件工具。 但從實(shí)用性上來(lái)講，小編覺(jué)得還是有必要分享一下。

大家可以通過(guò)以下方式打開(kāi)Chrome瀏覽器的Dev Tools工具：點(diǎn)擊谷歌瀏覽器窗口右上角的三點(diǎn)圖標(biāo) > 選擇“設(shè)置”> 打開(kāi)“外觀”板塊，然后切換到深色模式即可。如此，就可以在深色模式下查看網(wǎng)頁(yè) DOM了。

8.ColorZilla

當(dāng)需要在Chrome瀏覽器下快速查看任意網(wǎng)頁(yè)所用色彩或配色時(shí)，ColorZilla取色工具會(huì)是你的絕佳選擇。安裝好工具后，將鼠標(biāo)懸停在任意網(wǎng)頁(yè)元素上，即可快速查看相關(guān)HEX和RGB色值。必要的時(shí)候， 簡(jiǎn)單點(diǎn)擊， 亦可復(fù)制粘貼相關(guān)色彩信息， 并直接應(yīng)用到需要的設(shè)計(jì)項(xiàng)目或文檔中。總之，此款專(zhuān)為Chrome打造的取色工具，簡(jiǎn)單、快速、高效， 非常值得設(shè)計(jì)師們下載使用。

此外，該工具還帶有其它高效的色彩功能， 例如漸變色CSS代碼生成功能和頁(yè)面色彩分析功能等，大家可以自己下載嘗試一下。

9.Fontface Ninja

接下來(lái)，小編將為大家介紹另一款非常值得下載的Chrome插件工具 ——Fontface Ninja。它是一款十分美觀實(shí)用的字體提取工具。安裝成功后，用戶(hù)將鼠標(biāo)懸停于相關(guān)頁(yè)面文本，即可查看對(duì)應(yīng)的字體樣式?？傊且豢罘浅Ｖ档迷O(shè)計(jì)師收藏的工具。

10.Custom Cursor

Custom Cursor， 作為一款超實(shí)用的光標(biāo)編輯工具，并非專(zhuān)為設(shè)計(jì)師而打造。但卻是一款炫酷到令人尖叫的工具。它允許用戶(hù)根據(jù)各自喜好修改默認(rèn)光標(biāo)樣式，甚至支持上傳本地圖片自定義界面光標(biāo)?？傊?， 它是一款非常有趣、新穎的Chrome插件工具。

以上就是小編為大家收集的10個(gè)超實(shí)用的Chrome插件。希望它們能為大家設(shè)計(jì)工作提供便利，并幫助大家產(chǎn)出更優(yōu)的設(shè)計(jì)作品。

學(xué)習(xí)工具，但不受限于某種工具。摹客iDoc，高效協(xié)作，從產(chǎn)品到開(kāi)發(fā)，只要一個(gè)文檔，讓你的團(tuán)隊(duì)高效協(xié)作！