谷歌抓取网页视频插件(10款亲测且超实用的Chrome小插件，助设计师更快获取灵感 )

　　谷歌抓取网页视频插件(10款亲测且超实用的Chrome小插件，助设计师更快获取灵感

)

　　对于设计师来说，利用一些小工具或插件可以提高我们的工作效率。这些新的技巧、技巧和工具是每个设计师一直在寻找的。今天给大家分享一波。这些都是与 Chrome 扩展相关的插件。用好各种专为 Chrome 设计的扩展插件，可以显着提升 Chrome 的性能，帮助设计师更快地获得灵感和学习技能。

　　为了方便大家选择，下面小编为大家介绍10款测试过的超实用的Chrome插件，希望对大家有所帮助。

　　

　　1.Windows 调整大小

　　窗口大小调整

　　也许屏幕另一边的您恰好是一名设计师，并使用 27 英寸 5K iMac 阅读了此 文章。但对于绝大多数设计师来说，并不是所有人都有机会用这么大屏幕的电脑来查看各种网页设计或文章。此时，他们应该怎么做？

　　别担心！试试 Windows Resizer 的 Chrome 插件！当设计师需要以不同的分辨率查看网页设计时，这个插件绝对有用。设计者可以打开插件，预设或自定义相关视口，然后轻松查看相应网页的显示。操作简单好用，是难得的好工具。

　　

　　2.织机

　　视频录制工具

　　设计师常说，“一张好图抵得上一千个字”，那么直接将视频添加到您的设计中呢？它能否超越数千万甚至更多的语言？答案显然是肯定的。

　　Loom 就是这样一种工具，可以帮助设计师轻松免费地录制视频。使用此工具，任何网页*敏*感*词*、用户流程和错误操作都可以轻松录制为视频并与其他同事共享。

　　其实这几个月我用这个工具很多，也很清楚的意识到，当截图已经不能准确传达设计相关的需求或者建议的时候，用这个工具录屏来解释一下，对吧错了。

　　设计师安装插件后，只需点击“录制”按钮即可开始录制内容。录制完成后，也可以方便的分享给其他同事或客户，及时采集设计相关的建议和反馈，非常有用。

　　

　　3.玩具盒

　　玩具盒

　　在网页设计过程中，您是否还在为需要花费大量时间逐个检测页面元素、截图并记录相关错误或错误而烦恼？不用担心！试试玩具箱工具！ Toybox工具作为一款可以帮助用户快速查看网页CSS代码，并在网页上直接记录相关错误和反馈的工具，无疑可以帮助您轻松解决此类问题。

　　更简单地说，您可以将 Toybox 直接视为 InVision 中收录的设计审查工具，以及 Zeplin 中的页面检查工具。唯一的区别是该工具支持直接在页面上添加评论或反馈，而不是在设计稿上。

　　此外，在添加相关设计意见或反馈时，本工具还支持自动截图并记录相关的bug信息（如浏览器信息、操作系统信息和视口大小信息等），方便后期处理的此类问题。 , 以轻松重现相关问题。

　　总而言之，这是一款任何产品团队或设计工作室都不应错过的 Chrome 扩展程序。

　　4.穆兹利

　　快速浏览最新最好的设计

　　作为一名设计师，你是否想利用每天碎片化的时间，随时随地查看最新的设计作品，获取设计灵感？为什么不尝试为 Chrome 安装 Muzli 插件！这样一来，您每次打开 Chrome 时都可以快速看到最新最好的设计。为什么？因为 Mulzli 工具会自动从众多最新的网页设计资源中挑选出最优秀、最有创意的部分进行展示，让每个人都可以查看并获得灵感。

　　其实这个工具我用了很多年了，真心推荐。

　　

　　5.SVG 抓取器

　　SVG 抓取器

　　在浏览网页时，如果您只想捕捉页面上的徽标或图标进行设计，SVG Grabber 工具值得一试。只需点击开始按钮，该工具将自动提取页面的所有 SVG 图像。然后轻松查看并选择要下载的所需 SVG 图像。

　　诚然，这个 Chrome 扩展程序并不是一个常见的设计工具。但是，当您确实需要截取相似的徽标或图标以优化设计时，这是必不可少的。因此，作为设计备份工具存储也很棒。

　　

　　6. 页面标尺

　　网页元素的精确测量

　　如果您正在寻找一种工具来准确测量网页元素的大小，请尝试使用 Page Ruler 的 Chrome 插件。只需打开插件，拖放所需的组件，即可立即查看其长、宽、边距等属性数据。不需要太多操作，简单易用，值得一试。

　　

　　7.暗黑模式开发工具

　　黑暗模式开发工具

　　如今，深色模式已成为设计师必备的网页设计和查看模式。所以，在这里我和大家分享一个名为“Dark Mode Dev Tools”的黑暗模式创建工具。虽然严格来说，Dev Tools 只是 Chrome 的内置工具，并不是真正的插件工具。但是从实用的角度来说，我觉得还是有必要分享一下的。

　　您可以通过单击 Google Chrome 窗口右上角的三点图标 > 选择“设置”> 打开“外观”部分，然后切换到暗模式来打开 Chrome 的开发工具。这样，可以在暗模式下查看 Web DOM。

　　

　　8.ColorZilla

　　颜色选择器

　　当您需要在 Chrome 浏览器下快速查看任何网页的颜色或配色方案时，ColorZilla Color Picker 是一个绝佳的选择。安装该工具后，将鼠标悬停在任何网页元素上以快速查看相关的 HEX 和 RGB 颜色值。必要时，还可以通过简单的点击，复制粘贴相关的颜色信息，直接应用到所需的设计项目或文档中。总而言之，这款专为Chrome打造的取色工具简单、快速、高效，非常值得设计师下载使用。

　　此外，本工具还有其他高效的颜色功能，如渐变色CSS代码生成功能和页面颜色分析功能等，大家可以自己下载试用。

　　

　　9.字体忍者

　　字体提取器

　　接下来小编为大家介绍另一个值得下载的Chrome插件工具——Fontface Ninja。是一款非常漂亮实用的字体提取工具。安装成功后，用户可以将鼠标悬停在相关页面文字上，查看对应的字体样式。总之，是一款非常值得设计师采集的工具。

　　

　　10.自定义光标

　　光标编辑工具

　　自定义光标，作为一个超级有用的光标编辑工具，不是为设计师设计的。但它是一个非常酷的工具。它允许用户根据自己的喜好修改默认光标样式，甚至支持上传本地图片自定义界面光标。总而言之，它是一款非常有趣且新颖的 Chrome 扩展工具。

　　

　　以上是小编为你采集的10个超级好用的Chrome插件。我希望他们能为您的设计工作提供便利，并帮助您制作出更好的设计作品。

　　

　　WedUI 设计

　　2019设计风格回顾

　　快速入门 PS Noise Illustrator 教程

　　人工智能教程 | 3D标志设计

　　2020 年十大前沿标志设计趋势

　　PS教程 |酷炫的人像分割技巧

　　0-1带你设计漂亮的海马LOGO

　　如何在 AI 中创建逼真的 3D 毛皮效果

　　灵感鉴赏 | 20个优秀的UI/UX设计*敏*感*词*

　　教你画圆——LOGO设计中的辅助线

　　贼好玩！推荐一波10大设计神器去上班

　　让设计师上瘾的100个选择网站

　　APP应用图标设计全方位解析