搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 心安的随身笔记 > 适用于设计师的几个最佳Chrome扩展程序

适用于设计师的几个最佳Chrome扩展程序

心安的随身笔记 2020-06-13
点击  蓝色字体”即可关注小心安 💙

适用于设计师的几个最佳Chrome扩展程序

作为设计师,我们几乎总是在寻找新的技巧,窍门和工具,以帮助加快和改善我们的工作流程。在对Chrome扩展程序进行了几个月的测试之后,我为设计人员列出了10种最佳扩展程序和插件。



窗口大小调整器


https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh 

如果您是设计师,那么在阅读本文时,您很可能会盯着27英寸的iMac。但是,我们的大多数用户都没有像大象一样大的显示器。

从而满足Window Resizer。在查看您的网站在不同视口上的外观时,这是真正的救星。只需打开扩展名,然后单击预设视口或输入自定义项即可。

适用于设计师的几个最佳Chrome扩展程序


   Loom



https://chrome.google.com/webstore/detail/loom-for-chrome/liecbddmkiiihnedobmlmillhodjkdmb

他们说一张图片值一千字,而一部视频值一万字?1M?谁知道-虽然很多。Loom是一款真正令人称奇的免费软件,它将帮助您记录动画,用户流或错误,并与您的团队共享。

在过去的几个月中,我已经使用了很多此工具。当您尝试交流无法仅通过屏幕截图捕获的内容时,这非常有用。只需安装扩展程序并按记录。完成后,您可以分享您的视频并获得观看者及更多内容的统计信息。10/10会推荐给朋友-当然,您:)

适用于设计师的几个最佳Chrome扩展程序


玩具盒


https://www.toyboxsystems.com/

您是否花费大量时间检查网站上的元素,截取屏幕截图并记录错误?好吧,除了Toybox chrome扩展程序,别无所求。这确实是留下反馈并直接在您的站点上检查CSS的最快方法。

您可以将其视为InVision注释和Zeplin检查-但在您的网站上而不是设计文件中。不仅如此,当您发表评论时,它会自动获取屏幕截图,记录浏览器数据,操作系统信息,视口大小等,从而使重现问题变得轻而易举。对于任何产品团队或代理商来说,这都是一个认真的必备条件。


Muzli


https://chrome.google.com/webstore/detail/muzli-2-stay-inspired/glcipcfhmopcgidicgdociohdoicpdfc

您的早晨咖啡(或茶)需要一些灵感吗?该Muzli Chrome扩展已经得到了你覆盖。每次打开新的浏览器窗口时,您都会看到有关所有令人敬畏的设计的最新供稿。他们从大量的设计资源中汲取灵感,为您提供新鲜的东西以及时尚的外观。

我已经使用此扩展程序多年了,它很棒。

适用于设计师的几个最佳Chrome扩展程序


SVG抓取器


https://chrome.google.com/webstore/detail/svg-grabber-get-all-the-s/ndakggdliegnegeclmfgodmgemdokdmg

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

我不一定一直都在使用扩展程序,但是在那些棘手的时刻呆在后面很高兴。

适用于设计师的几个最佳Chrome扩展程序

暗模式开发工具


https://developers.google.com/web/tools/chrome-devtools/customize/dark-theme

暗模式-任何设计师真正的必需品。因此,它实际上是内置在Chrome Dev Tools中的,不是扩展程序-但我想我仍然会提到它;)

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

适用于设计师的几个最佳Chrome扩展程序

ColorZilla


https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

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

它们还有其他一些功能,但是并没有使用太多的tbh。

适用于设计师的几个最佳Chrome扩展程序

Fonts Ninja


https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh

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

一个简单方便的扩展程序可以在您的扩展坞上使用。

适用于设计师的几个最佳Chrome扩展程序


自定义光标


https://chrome.google.com/webstore/detail/custom-cursor-for-chrome/ogdlpmhglpejoiomcodnpjnfgcpmgale

这只小狗不是真正的设计师专用,但前几天我发现了它,并认为它是真正的骗子。使用“自定义光标”,您可以将默认光标更改为它们的任意一种口味选择,还可以上传自定义光标。

非常有趣,非常时髦,非常新鲜-给它旋转。

适用于设计师的几个最佳Chrome扩展程序


— — — — — — —
感谢您的阅读,我希望您能像我一样享受其中的一些扩展:)如果您在工作流程中使用任何其他扩展,请发表评论!



-------------------我是分割线-----------------
 CONTACT XIAO XIN AN 

✧* Bing ~Bling ✧*

💫

交流
/
添加微信:18935123837(需备注)

❤️💙💜
长按二维码 点击关注

传播知识,提升认知

点个在看,给彼此一个机会~  

版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《适用于设计师的几个最佳Chrome扩展程序》的版权归原作者「心安的随身笔记」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注心安的随身笔记微信公众号

心安的随身笔记微信公众号:yizhixinan

心安的随身笔记

手机扫描上方二维码即可关注心安的随身笔记微信公众号

心安的随身笔记最新文章

精品公众号随机推荐