查看原文
其他

手速飞快!大厂设计师的电脑里都装了些什么?

物流中台设计组 本地生活设计中心 2022-09-16

你是不是也有这种好奇—— 同样都在做设计,为什么有的设计师出图效率极高,从不熬夜肝图。手速飞快的他们,电脑里都装了什么好东西?小编采访了8位大厂设计师,为大家搜集了以下高效设计插件,安装了再也不想删除的那种。



#01

SF-Symbol插件


中台体验设计师-闻阅


“ Apple 官方出品的 Iconfont库 ”


做原型设计的时候,经常需要去iconfont找一些图标,但图标间风格不统一,仔细挑选又很浪费时间。后来发现了这款软件。库内 3000 +风格统一且直观的图标,可覆盖80% 设计场景,很适合在交互设计时使用。这些图形看起来是图标,但实际和我们使用的「阿里巴巴普惠体」类似,属于文字图标,它有9种字重可供调整,支持自动与文本标签对齐, 对接开发也更便利。如需在 Sketch 进一步编辑,可将其「轮廓化」,非常省时省力。




下载地址:

https://developer.apple.com/sf-symbols/



#02
Mapture软件


物流体验设计师-句句

“ Mac电脑截图新思路 


平时经常需要一边查看设计参考/产品需求文档中的细节,一边切换Sketch画板做设计,在页面间来回切换感觉很不顺畅。后来我发现了Mapture这个神器,用它截图后,图片像电脑屏幕上的一张便利贴,Mapture 的截图不会保存在本地文件夹,所有截图都是展示在屏幕的最上层(支持调整透明度)。就方便了设计师们在做图过程中实时参考。如果想要保存截取的文件,右键截图便可一键存储。这款软件我用了3年,已经是它的重度依赖者了。



下载链接:

http://www.xue51.com/mac/1546.html



#03
Alembic插件




大促创意设计师-喜乐


“ 快速取色的利器 ”


我经常去Dribble、Behance这些网站去找灵感,常常会捕捉到许多可借鉴的配色灵感。想在设计方案中去运用这些配色方案,如何快速提取主色呢?你是会在各个窗口间来回切换打开吸管工具取色,还是选择色卡粘贴?其实有更快捷的方法哦,Alembic 就是一款我非常推荐的取色插件,掐指一算,最少可以节省1-2分钟的取色时间,操作很便捷,创意设计师必备。



下载地址:

http://alembicforsketch.com/



#04
Axhub插件

一键复制 Iconfont 图标到Sketch/ Axure



后台体验设计师-不滞


“ 一键复制 Iconfont 图标到Sketch/Axure ”


本地图标库不够用的时候,去iconfont找图标,下载到本地,再拖进Sketch/ Axure,你平时是这样做的吗?一年前逛设计论坛时发现了这款Chrome浏览器的插件-Axhub,安装后可以复制iconfont 图标库的任意图标到各类设计软件,一键复制帮我省去了很多下载导入icon的时间,也很推荐产品设计师使用。



下载地址:

https://axhub.im/icons/



#05
Clipboard Fill插件


商家体验设计师-贾冲


“ 一键填图有它就够了 ”


设计中经常遇到需要在某个形状中填充图片的设计场景,比如界面中的头像、信息流的图片等等。之前惯用的方式是用蒙版来进行裁切,或是使用Sketch自带的图片填充功能。Clipboard fill 的厉害之处,是可以从剪贴板粘贴。和Figma自带的填图功能类似,一键完成操作,也不用频繁地调整图片尺寸。我们要做的只有三步:1.复制目标图片,2选中形状,3.Ctrl+Alt+V,图片直接就填充好了,这样的效率好物,你不心动吗?



下载地址

http://sketchapp.rocks/plugins/clipboard-fill/



#06

Split Shape插件
 

物流体验设计师-萧巍


“ 卡片尺寸自动生成 ”


刚接触Sketch的时候,最让我头疼的就是等分布局的计算,比如界面中有3个等分卡片,确定了边距和卡片间距后,每次都需要手动计算出每个卡片要有多宽,Spilt Shape可以省掉这个人工测算的环节。画好矩形,在插件弹窗里填好列数、行数、间距、边距后,这个小工具会按照设定好的数值自动把卡片分割成规定的数量。对这个插件,我只能说相见恨晚。



下载地址:

https://sketchelements.com/plugins/sketch-split-shape/



#07

Find and Replace插件



商家体验设计师-鱼掌


“ 好用的查找替换工具 ”


稿子都做完了,产品经理说要改几个字段,这个场景,是不是设计师听到了都会头大?后来我就主动去搜了搜有没有好用的文本查找替换工具,发现了这款「Find&Replace」,可以查找并替换文档中所选图层的文本,还可以在Sketch的所有文本层中进行筛选,并批量替换关键字。最好用的是它可以区分搜索范围,是整个Sketch文件还是当前画板。再也不怕产品经理忽然改字段了。


下载地址:

https://sketchapp.rocks/plugins/find-and-replace/



#08

Whatfont-软件


品牌设计师-yuna


“ 一键查看网页字体信息 ”


当设计师在网站上发现一些很有设计感的字体时,是不是第一反应就是「好想知道这是啥字体」。一个Chrome的拓展程序Whatfont就可以解决这个问题,Whatfont可以检查页面上任何文本的字体,如字号、字重、行高、颜色。安装Whatfont的另一个好处就是,时不时看一看线上不同的字体,也可以帮助设计师熟悉不同的尺寸、外观以及它们适合的使用场景。



下载地址:

https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存