設計師必備的10個Chrome插件擴展工具

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


1,Window Resizer

1_LxSMuoqtf4MM6aXFKsuFFA(1).jpeg

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

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



2,Loom

1_jsAuXzxZJMFmoaBxl4q1cQ(1).jpeg

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

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



3,Toybox

5ce30de3e9892d5bd68e1261_collab2-min.jpg

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

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



4,Muzli

1_hLb9trcZUGJWQ71lu2Ig9A(1).jpeg

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



5,SVG Grabber

1_MU2M1lK6zfdSrBdthk1wzg(1).jpeg

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



6,Page Ruler

1_b-VAstYuMyFhcB0WylqBtw(1).jpeg

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



7,Dark Mode Dev Tools

1_41JFcURVaTzMv1NIya5Rpw(1).jpeg

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



8,ColorZilla

1_jnG7ybLSghXIIP9JmpUOiA(1).jpeg

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



9,F(xiàn)ontface Ninja

1_WCnsLXFSlX-BYWG6-op-AA(1).jpeg

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

 



10,Custom Cursor

1_h33dWpogJ4psbyfWPk8xmw(1).jpeg

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

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



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


    


每天更新,
全站高品質(zhì)素材免費下載!