设计师的10个Chrome插件工具 设计插件网站

作为设计师，我们几乎每天都在寻找新的灵感，素材，技巧和工具来帮助我们加快和改进工作效率。经过筛选，为您准备了10个设计师必备的Chrome插件扩展工具。

1.Window Resizer

如果你是一名设计师 - 当你读到这篇文章时，你最有可能盯着27英寸的iMac。然而，我们的大多数用户都没有用像您眼前一样大的显示器。

所以您需要使用Window Resizer。在不同尺寸的浏览器上查看您的网站展示效果，帮助您节省不少调试的时间。使用非常简单，只需打开扩展程序，然后单击预设视口或输入自定义视图。

2.Loom

他们说一张图片胜过千言万语，所以一个视频价值连城啊。Loom是一款非常不错的免费扩展程序，它可以帮助您记录动画，用户流或错误操作，并与您的团队分享。

在过去的几个月里，我经常使用这个工具。当你试图通过屏幕截图来传达无法捕捉的东西时，这个扩展程序就派上大用场了。只需安装扩展程序并按记录即可。完成后，您可以分享您的视频并获取有关查看过的人的统计信息等。

3.Toybox

您是否花费大量时间检查元素，抓取屏幕截图以及记录网站上的错误？好吧，看看Toybox chrome扩展程序。这是在您的网站上直接留下反馈和检查CSS的最快方法。

您可以将其视为InVision评论和Zeplin Inspecting。不仅如此，当您发表评论时，它会自动截取屏幕截图，记录浏览器数据，操作系统信息，视口大小等等 - 让沟通问题变得轻而易举。对于任何产品团队来说，这都是一个非常必要的东西。可惜这是国外的付费服务，不过有30天的免费使用期，感兴趣的可以尝鲜。

4.Muzli

一上班打开浏览器就来一些设计灵感吧。Muzli Chrome扩展程序非常值得拥有。每当您打开一个新的浏览器窗口时，您都会看到所有令人惊叹的最新的设计灵感。Muzli整合了众多设计资源，您可以从中汲取灵感，发现新颖，时尚和酷炫的产品。

5.SVG Grabber

有时你会发现某个网页上的图标非常好看，并想用在自己的设计中，那么推荐使用SVG Grabber。单击一个按钮，它将自动拉出页面上的所有SVG图标。全面了解网站的svg图标并快速下载所需的内容。当您碰到图标设计问题时，这绝对是一个非常棒的利器。

6.Page Ruler

测量网站页面上对象的大小有时候会非常困难，我以前就经常使用截图软件来测量。但是使用Page Ruler扩展程序后，您会发现一切变得简单多了。 而且还能自动捕捉页面的元素，不用再费劲的放大页面一个像素一个像素的比对了。

7.Dark Mode Dev Tools

黑暗模式 - 任何设计师的真正必需品，当下正流行的好工具。这个其实不是扩展程序，而是内置于Chrome开发工具中， 只需打开开发工具模式>单击右上角的3点图标>单击设置>在外观选项中，theme中选择Dark，就这么简单！现在你可以在完全黑暗中调试网页了。

8.ColorZilla

有时您需要快速查看正在浏览的页面中使用的颜色， ColorZilla就是一个很好的解决方案。只需将鼠标悬停在页面上的元素上即可查看正在使用的十六进制和rgb颜色值。单击以快速将其复制到剪贴板。

9.Fontface Ninja



另一个简单，轻松，美观的值得下载的扩展工具是Fontface Ninja。将鼠标悬停在元素上就以查看它们正在使用的字体，扩展还支持页面字体的购买，不过这个插件对中文字体识别不好，也就看看英文字体。

10.Custom Cursor

这个扩展工具并不是为设计师特别设计的，但是这个工具真的挺有趣的，自定义光标允许您将默认光标更改为任何有趣的形状，而且允许您上载自定义光标。