作為設計師，我們幾乎每天都在尋找新的靈感，素材，技巧和工具來幫助我們加快和改進工作效率。經(jīng)過篩選，我們?yōu)槟鷾蕚淞?0個設計師必備的Chrome插件擴展工具。 

1，Window Resizer

如果你是一名設計師 - 當你讀到這篇文章時，你最有可能盯著27英寸的iMac。然而，我們的大多數(shù)用戶都沒有用像您眼前一樣大的顯示器。

所以您需要使用Window Resizer。在不同尺寸的瀏覽器上查看您的網(wǎng)站展示效果，幫助您節(jié)省不少調(diào)試的時間。使用非常簡單，只需打開擴展程序，然后單擊預設視口或輸入自定義視圖。 

2，Loom

他們說一張圖片勝過千言萬語，所以一個視頻價值連城啊。Loom是一款非常不錯的免費擴展程序，它可以幫助您記錄動畫，用戶流或錯誤操作，并與您的團隊分享。

在過去的幾個月里，我經(jīng)常使用這個工具。當你試圖通過屏幕截圖來傳達無法捕捉的東西時，這個擴展程序就派上大用場了。只需安裝擴展程序并按記錄即可。完成后，您可以分享您的視頻并獲取有關(guān)查看過的人的統(tǒng)計信息等。

3，Toybox

您是否花費大量時間檢查元素，抓取屏幕截圖以及記錄網(wǎng)站上的錯誤？好吧，看看Toybox chrome擴展程序。這是在您的網(wǎng)站上直接留下反饋和檢查CSS的最快方法。

您可以將其視為InVision評論和Zeplin Inspecting。不僅如此，當您發(fā)表評論時，它會自動截取屏幕截圖，記錄瀏覽器數(shù)據(jù)，操作系統(tǒng)信息，視口大小等等 - 讓溝通問題變得輕而易舉。對于任何產(chǎn)品團隊來說，這都是一個非常必要的東西?？上н@是國外的付費服務，不過有30天的免費使用期，感興趣的可以嘗鮮。  

4，Muzli

一上班打開瀏覽器就來一些設計靈感吧。Muzli Chrome擴展程序非常值得擁有。每當您打開一個新的瀏覽器窗口時，您都會看到所有令人驚嘆的最新的設計靈感。Muzli整合了眾多設計資源，您可以從中汲取靈感，發(fā)現(xiàn)新穎，時尚和酷炫的產(chǎn)品。 

5，SVG Grabber

有時你會發(fā)現(xiàn)某個網(wǎng)頁上的圖標非常好看，并想用在自己的設計中，那么推薦使用SVG Grabber。單擊一個按鈕，它將自動拉出頁面上的所有SVG圖標。全面了解網(wǎng)站的svg圖標并快速下載所需的內(nèi)容。當您碰到圖標設計問題時，這絕對是一個非常棒的利器。 

6，Page Ruler

測量網(wǎng)站頁面上對象的大小有時候會非常困難，我以前就經(jīng)常使用截圖軟件來測量。但是使用Page Ruler擴展程序后，您會發(fā)現(xiàn)一切變得簡單多了。 而且還能自動捕捉頁面的元素，不用再費勁的放大頁面一個像素一個像素的比對了。

7，Dark Mode Dev Tools

黑暗模式 - 任何設計師的真正必需品，當下正流行的好工具。這個其實不是擴展程序，而是內(nèi)置于Chrome開發(fā)工具中， 只需打開開發(fā)工具模式>單擊右上角的3點圖標>單擊設置>在外觀選項中，theme中選擇Dark，就這么簡單！現(xiàn)在你可以在完全黑暗中調(diào)試網(wǎng)頁了。 

8，ColorZilla

有時您需要快速查看正在瀏覽的頁面中使用的顏色， ColorZilla就是一個很好的解決方案。只需將鼠標懸停在頁面上的元素上即可查看正在使用的十六進制和rgb顏色值。單擊以快速將其復制到剪貼板。

9，F(xiàn)ontface Ninja

另一個簡單，輕松，美觀的值得下載的擴展工具是Fontface Ninja。將鼠標懸停在元素上就以查看它們正在使用的字體，擴展還支持頁面字體的購買，不過這個插件對中文字體識別不好，也就看看英文字體。

10，Custom Cursor

這個擴展工具并不是為設計師特別設計的，但是這個工具真的挺有趣的，自定義光標允許您將默認光標更改為任何有趣的形狀，而且允許您上載自定義光標。

非常有趣，非常時髦，非常新鮮 。 

最后需要下載這些擴展工具的可以掃描關(guān)注下圖公眾號并回復：chrome2，就可免費獲得擴展工具。