网站建设可以用到的Chrome插件工具专门为设计师准备

作为设计师，我们几乎总是在寻找新的提示，技巧和工具来帮助加快和改进我们的工作流程。经过几个月的Chrome扩展测试，我已经为设计师编制了10个最佳扩展和插件的列表。

窗口调整器

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

因此符合Window Resizer。在查看您的网站在不同视口上的外观时，这可以真正节省生命。只需打开扩展程序，然后单击预设视口或输入自定义视图。

织布机

他们说一张图片胜过千言万语，所以视频价值一万美元？1M？谁知道 – 虽然很多。Loom是一款真正令人惊叹的免费软件，它可以帮助您记录动画，用户流或错误，并与您的团队分享。

在过去的几个月里，我经常使用这个工具。当你试图通过屏幕截图来传达无法捕捉的东西时，这非常棒。只需安装扩展程序并按记录即可。完成后，您可以分享您的视频并获取有关查看过的人的统计信息等。10/10会推荐给朋友 – 你当然:)

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

您可以将其视为InVision评论和Zeplin Inspecting – 但在您的网站上而不是设计文件。不仅如此，当您发表评论时，它会自动截取屏幕截图，记录浏览器数据，操作系统信息，视口大小等等 – 使复制问题变得轻而易举。对于任何产品团队或代理商来说，这都是一个非常必要的东西。

你的早晨咖啡（或茶）需要一些灵感？该Muzli Chrome扩展已经得到了你覆盖。每当您打开一个新的浏览器窗口时，您都会看到所有令人敬畏的设计的最新供稿。他们从众多设计资源中汲取灵感，为您提供新颖，时尚和酷炫的产品。

我已经使用这个扩展多年了，它真的很棒。

有时你只需要抓住页面上的徽标或图标。如果这听起来像你做的事 – 那么欢迎SVG Grabber进入你的生活。单击一个按钮，它将自动拉出页面上的所有SVG。全面了解它能够捕获并快速下载所需的内容。

不一定是我一直使用的扩展程序，但是对于那些棘手的时刻而言，这是非常棒的。

测量页面上对象的大小可能会非常痛苦。如果您是经常打开屏幕截图工具的人 – 我肯定会建议您自己使用Page Ruler扩展名。

打开扩展程序，拖动框进行测量，你就完成了！其他不多。

黑暗模式 – 任何设计师的真正必需品。所以这实际上是内置于Chrome开发工具中并且不是扩展 – 但我认为我仍然会提到它;）

只需打开开发工具>单击右上角的3点椭圆>单击设置>在外观下，将其切换为暗。而已！现在你可以在完全黑暗中躲过DOM。

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

他们有一些其他功能，但没有使用那些太多tbh。

另一个简单，轻松，美观的下载扩展是Fontface Ninja。这使您可以将鼠标悬停在元素上以查看它们正在使用的字体。您也可以直接从页面上的字体使用其扩展工具栏进行购买。

在您的码头上有一个简单而方便的扩展。

这只小狗并不是真正的设计师特定，但我前几天发现它并认为这是一个真正的h and声。自定义光标允许您将默认光标更改为其任何风味城镇选择，并允许您上载自定义光标。

非常有趣，非常时髦，非常新鲜 – 给它一个旋转。