设计师必备的Chrome插件，超好用！！！

设计师在网上冲浪时，看到一些排版精美、设计优秀的界面总想要保存下来，以便日后寻找灵感。

不知道大家都是怎样保存整个网页的。

我之前的笨办法是这样的：先是一屏一屏地截图，然后再拼接起来，特别是拼连接处时需要小心翼翼地对齐，简直是太麻烦了。

现在的高效方法就是使用Go Full Page，它是整个网页的截图工具，可以轻松松松地保存整个页面。

轻轻动一下手指

便生成了一个长图

如果我们想查看网页中的字体，这就是神器WhatFont。仅仅通过鼠标停留在字体上就可以查看Web字体，简单又优雅。

我经常有一种苦恼，比如同样是蓝色，为什么别人家的颜色这么干净清透，令人愉快？这时候就不得不舔屏了……

ColorPick EyeDropper就是一款吸色工具，能够直接从网页中选取颜色值。

当想对各屏幕的尺寸测试设计稿时，可以使用Window Resizer快速调节，了解设计稿在不同屏幕上的兼容性。

如果想更加全面的获得网站上的一些信息，比如图标、svg、图片、字体样式、元素间距等等，CSS Peeper便是一个完美工具。

可以查看字体样式，可以查看元素之间的间距

可以查看网页中使用的颜色

可以查看网页中出现的图片或图标

Chrome拓展程序的安装也是超简单，在拓展程序中搜索，然后点击应用就可以啦。

原文地址：栗子设计喵（公众号）

作者：栗子

转载请注明：学UI网》设计师必备的Chrome插件，超好用！！！

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。