作为一个网页设计师，你的电脑上绝对需要的软件是什么？很可能是Photoshop和Illustrator。虽然这些是设计工作流程的基本要素，但也有一些你可能不知道自己需要的小工具。

最棒的是，你甚至不需要下载它们——只要安装这些Chrome扩展就可以了。从识别网页上的字体到测量网页元素之间的距离，这些网页设计Chrome扩展将使您的生活更轻松。

1gmail邮箱

Dropbox最初是一个文件托管服务，但很快发现它的主要受众是设计师，他们使用该服务与同事共享工作。因为设计文件通常对于电子邮件附件来说太大了，所以更容易向文件发送Dropbox链接。

Gmail的Dropbox使这个过程更加方便。当您使用新电子邮件窗口底部的Dropbox按钮链接到您的文件时，收件人可以看到您发送的内容。链接到图像文件将上传到电子邮件的权利，和链接到其他类型的文件将生成一个方便的预览图像。

安装：Gmail Dropbox

2方面忍者

有成千上万的字体可用，你的排版的可能性是无穷的。尤其是如果你能找出一个漂亮的字体，你看到的地方，借用它为自己的项目。

FontFaceNinja是一个Chrome扩展，可以帮助您做到这一点。就像从图像中查找字体的工具一样，它可以帮助您识别联机看到的字体。唯一的区别是FontFaceNinja读取编码到页面CSS中的字体，比如标题和正文的字体。

当你启动FontFaceNinja时，它会显示你所使用的字体的信息——不仅是字体，还有重量、大小、高度、宽度和颜色。要为该字体添加书签，您需要在姐妹服务FontFace Dojo上有一个帐户。

安装：FontFace忍者

三。colorpick滴管

不管你对颜色有多好的鉴赏力，除非你知道它的RGB或HTML值，否则很难重现你在网上看到的特定颜色。幸运的是，你不用猜你是否有ColorPick滴管。

就像Mac上最好的颜色选取应用程序一样，ColorPick Eyedropper会显示你所指向的任何颜色的值。不同的是，它总是在你的浏览器里，你不需要上传任何东西——只需点击图标并将目标移动到正确的位置。

这个扩展可以读取文本、图像和几乎任何你在网页上看到的东西（甚至广告）的颜色。一旦你捕捉到一种颜色，它就会显示它的HTML、RGB和HSL值。

安装：ColorPick滴管

4尺寸

这个开源的扩展对于网页设计师来说是一个很好的选择，尤其是当你为小型企业做一次性工作的时候。当一个客户交给你一个没有任何以前的文件或文档的网站，并要求你设计“这样一个页面，但有不同的文本和图像”，找出布局是一件痛苦的事。

尺寸让您可以轻松地测量页面上任何元素的高度和宽度，以及它们之间的边距。这样就可以很容易地重新创建现有的页面，并在它们投入生产后重新检查您自己的设计。

安装：尺寸

5目视检查员

visualinspector是设计团队的一个强大的反馈和协作工具，它结合了前三个扩展的特性，并添加了更多功能。

在Inspect选项卡中，您可以选择页面上的任何元素来获取有关它的完整信息，从维度到文件名。“颜色和排版”子选项卡使您可以一眼就看到调色板和所有字体，而“资源”则将页面上的所有图像集中在一个位置。

在“协作”选项卡中，您可以提供反馈并与团队进行讨论，单击页面上的任何元素都可以很容易地留下评论。

与大多数高级工具一样，visualinspector也有一个价格标签：您需要每月支付9美元才能添加评论和同步更改。但是，它的基本功能（如检查颜色、字体和图像）是免费的。

安装：目视检查

6轻松截屏

一个屏幕截图扩展可能看起来是多余的，因为在Mac上截图是轻而易举的事，而在Windows上截图只是稍微麻烦一点。但是简单的屏幕截图有很多卖点。

最重要的是，它可以让您捕获整个网页，而不仅仅是您在屏幕上看到的区域。这是无价的，当你需要在一个长页面上报告几个问题，并捕捉他们都需要三到四个屏幕截图。

另一个巧妙的技巧是能够将截图复制到剪贴板并粘贴到聊天室或电子邮件中，而不是将无用的图像文件囤积在计算机上。

安装：轻松截屏

7穆兹利2

最后，每天早上有一个关键的任务你必须处理：甩掉剩下的睡眠，进入最佳状态。InVision的Muzli 2将作为您的晨报，提供关于艺术、设计、用户体验和技术的策划文章。

Muzli替换了默认的Chrome选项卡，允许您自定义在那里看到的内容。根据你的兴趣，Muzli会为你挑选feed，网站范围从Dribble和Behance到99designs和Creative Bloq。当你啜饮你的第一杯咖啡时，有很多灵感可以让你翻阅！

如果你觉得整个浏览器的标签都是设计内容，那么Muzli也有一个精简版。它不会覆盖默认选项卡，只要单击扩展图标，您就可以随时访问提要。

安装：Muzli 2

为所有设计任务获取chrome扩展

这个列表上的Chrome扩展与你的设计软件不匹配，但是它们涵盖了作为一个设计师所带来的所有小事情——无论是排版，还是与你的同事合作。

一旦你意识到Chrome网络商店里充斥着各种工具，你就很难停止添加新的工具了。所以，在你的Chrome扩展失控之前，学习如何管理它们。