工具推荐 | 你与大神的差距也许只是几个插件

三分设

共 2843字,需浏览 6分钟

 ·

2022-02-11 09:02


点击"三分"关注,回复"社群"加入我们
欢迎来到专业设计师学习交流社区
三分设|连接知识,助力全球 1 亿设计师成长
转自:天猫设计
编辑:张梦如
共 2358 字 11 图  预计阅读 6 分钟



Chrome 被你用废了么?多数人用浏览器仅仅是用来浏览网页的,其实翻译、截图等等都可以通过浏览器实现。


今天小编给大家分享几个超超超好用的 Chrome 扩展小插件,可以帮助设计师提升工作效率,成为团队中的 YYDS 。


Part 1

浏览器都用定制来宠你 💃


很多设计师都在用 Muzli ,小编也用了很多年,真的墙裂推荐!碎片时间打开 Chrome ,你就可以看到最新的设计和技术资讯了。


Muzli 会自动从 Dribbble 、 Behance 等众多优质的设计网站中选取最新且最优的部分进行展示。甚至可通过关键词搜索找灵感,比如搜索 dashboard ,就会在这些网站里面找到关于 dashboard 的图片。


▲  界面展示和介绍


🔩   传送门  🔗

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


Part 2

你知道这网页有多黄吗?👀


在逛网站时看到很喜欢的配色时,你还在保存图片用ps吸取颜色吗?No No No,当你拥有 colorzilla 后,只需将鼠标悬停在所需要的网页元素上,即可实时查看 RGB 色值以及颜色代码等信息,简单点击就可以复制相关色彩信息,然后黏贴到所需要的设计文档中。


此外,该工具还带有其它高效的色彩功能,例如渐变色 CSS 代码生成功能和页面色彩分析功能等,大家可以自己下载尝试一下~


对于小编这种色弱型设计师来说,这个插件真的太刚需了!


▲  操作演示


🔩   传送门  🔗

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


Part 3

字体如何运用要心中有数  🔢


网页实时字体识别工具 Fonts Ninja ,安装后也是只需将鼠标停留在网页上,就可以识别出字体名称、字号、间距、颜色等信息,快速参考他人网页的字体数据。


哪里不会点哪里,简单而优雅,而且准确率还是非常高的!


▲  操作演示 


🔩   传送门  🔗

https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh?hl=zh-CN


Part 4

史诗级取图(盗图)小工具  🎺 


别的设计师都下班撸串去了,你却还在右键另存为?图片批量下载插件真的很香!


ImageAssistant 获取的图片数量比较全面,而且会将图片按照格式进行分类。Fatkun 一般获取的图片数量更多,UI更美观更友好,但是没有分类,在一堆图片中找到想要的哪一张 GIF 图真的很不方便!小编横向对比后郑重推荐 ImageAssistant 。


两款插件的操作也非常便捷,安装插件后右键点击提取本页图片,就会打开一个新的页面看到提取出来的图片了。可以手动选择单张或者批量选择所需的图片,而且有的图片有好几种分辨率,下载时还可批量定义图片的名称(强迫症福音)。


▲  操作演示


🔩   传送门  🔗

https://chrome.google.com/webstore/detail/imageassistant-batch-imag/dbjbempljhcmhlfpfacalomonjpalpko?hl=zh-CN


Part 5

花式截屏已得到官方认可 👍


Nimbus 可以说基本能够满足你对网页截图的一切需求!提供了区域截屏、滚动截屏、整页截屏、延迟截屏等方式,甚至还可以录制视频。


交互方式也非常友好,例如滚动截屏,网页上右键或点击插件 icon ,选择滚动截屏,框选区域,按住向下滚动,松手后即可完成。


Nimbus 的优秀是有官方认证的,入选了 2021 年度 Chrome 插件精选集锦。


▲  操作演示


🔩   传送门  🔗

https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj


Part 6

一键即可生成个绿马 🐎


Quick QR 是Chrome 应用商城上好评率最高的二维码生成器:可以方便地把当前页面转化成二维码,也可以把网页上任何文本、图片或者链接,甚至是您输入的任意内容都转化成二维码。设计走查的时候可以用的上~

二维码生成后,通过设置调整码的颜色、背景的颜色、图片大小等。


▲  操作演示


🔩   传送门  🔗

https://chrome.google.com/webstore/detail/qr-code-generator/afpbjjgbdimpioenaedcjgkaigggcdpp


—  The end  —
以下三分设文章,你可能也感兴趣
 
📚 原创文章精选📚
告别加班!使用设计系统方法更快地构建产品
如何评估设计质量,提升设计技能
你常常忽略的 7 个具有破坏性的体验鸿沟
一篇文章告诉你服务设计到底能做什么?
看 Apple CarPlay 如何提升驾驶安全和驾驶体验
一起看看《对马岛之魂》如何打造初次对抗体验
制定 “小目标”,了解产品管理中的结构化思维
35+ 的 Windows 系统到底有什么了不起?
导师与学员的高效交流 APP 设计 —— Lightship
🙋 我们一起聊设计 🙋‍♂️
高质量,学设计行交流微信群
期待与更多优秀用户体验设计师一起成长
PS:欢迎大家关注三分设,每天早上9点,准时充电。分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 添加小小虫微信号【 Lil_Bug 】,备注【 三分设 】加入!(只面向星标了公众号三分设的粉丝) 
点亮『在看』,百万年薪
浏览 130
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报