首页

Figma提高效率的常用技巧

博博

适合阅读对象:UI设计师、交互设计师、用户体验设计师、用户体验咨询从业人员、原型设计人员

一、前言


如果软件操作速度提升了,那么在相同时间内,我们可以有更多时间和精力用于方案的思考,提升工作效率。这也是我们经常看到很多B端产品,在系统做快捷键的原因之一。在日常软件的使用中,我们要尽可能的多使用快捷键,减少鼠标操作。举个实例:

比如,“保存” 用鼠标操作:点击界面开始菜单 - 调出下拉菜单 - 找到“保存”按钮再点击,这一系列动作需要点击 3 次鼠标,花费3~4 秒。如果使用快捷键,光靠下意识的动作,就可以在 0.1 秒内完成操作。

下面整理了一些常用的 Figma 快捷键使用技巧,帮助我们提升Figma的操作效率,更快更好的完成工作,节省时间,以便更专注地思考方案。

文章末尾附 Axure RP9Sketch提高效率的常用技巧。


二、Figma快捷键技巧


1、查看 Figma 快捷键

快捷键:【Ctrl + Shift + ?】 ,打开 Figma 的快捷键面板,可查看 Figma 的所有快捷键,方便快速查找。




2、等比例缩放


快捷键是【K】,在设计中缩放是经常要用到的功能,在 Figma 中,按一下【K】键进行缩放,就可以完全保证比例。




3、快速画出环形进度条


快速画出环形进度条的方法,先画一个圆,然后鼠标拖动两下就完成了。如下图:




4、图片快速填充

在桌面或文件夹,选择需要填充的图片【Command + C】。点选Figma中待填充元素【Command + V】。填充成功,如下图:




5、复制粘贴样式


选中一个已经调整好样式的元素(图形或文字),第一步:【Command + option + C】,第二步:【Command + option + V】就可以把样式复制粘贴下来。如下图:




6、快速定位组件母版


对于使用组件的元素,在调整的时候需要修改组件母版,才会对每个组件生效。当有很多组件时,我们可以通过任意组件,点选右侧“跳转回组件母版”icon,快速定位至母版。如下图:

第一步:点选右侧“跳转到组件母版”icon,右侧红框处



第二步:自动定位到该组件母版




7、快速整理表格元素


选择一组阵列中的多个元素之后,可以随意交换任意两个元素之间的位置,其他的不受影响,还能直接拖动调整它们的间距。如下图:




8、快速批量修改颜色

快速批量修改颜色。比如下面九个元素中有三个是红色,当我想要批量修改这三个红色元素的时候,我不需要一个个选择这三个元素,只需要批量选择,然后在右侧属性栏那里,选择想修改的那个红色,直接改颜色,三个元素的颜色就会一起修改了。




9、图层折叠浏览

快捷键【Alt+L】,可以直接将所有图层折叠起来,这样,不管之前展开了多少层,都能直接折叠,方便快速浏览整个系统的全貌。





10、快速浏览图层


使用键盘快捷键快速浏览图层。快捷键【Tab】快速向 下 切换选中图层,【Shift+Tab】快速向 上 切换选中图层。





11、快速选取颜色样式

使用颜色样式时,这里有一个小按钮(下图红框标出),可以快速得在列表样式和网格样式之间进行切换,使用列表样式能够更方便浏览使用了哪些颜色,方便进行管理。





12、用吸色工具预览颜色


吸色工具的快捷键是【i】,当你按住【i】键不动时,移动光标,就能预览颜色,而不是直接取色了,预览的颜色就如下图,是展示在右上角的。




13、重复上一步操作


快捷键是 【cmd/ctrl + D】,如下图所示,向右下方复制一个元素,然后使用【cmd/ctrl + D】,会继续向右下角复制元素,重复的是相关对象和操作中设计到的所有元素。





14、自动行高

如果设计时输入了一些文本,行高有问题,但是暂时又没有很明确的行高参数,这个时候,只需要在行高这里输入 auto,点击回车,就可以把这些文字设置成自动行高了。如下图红框位置:







作者:忻芸
链接:https://www.zcool.com.cn/article/ZMTU1Mjg2OA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。                           


作者:施施_Seven
来源:站酷



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~

希望得到建议咨询、商务合作,也请与我们联系01063334945。 



分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。                           


团队合作中用PHOTOSHOP时应该注意什么

蓝蓝

确保工作区整洁有序

合理的图层排序和分组便于设计师理解所有元素的对应位置。把它比作一个生产车间,要是你把所有的工具到处扔,害得你的工头什么都找不到,你还有好日子过么?

40-icons

 

同一对象的多个图层归入一个文件夹

这是一条重要的规则。图层归组让你的图层变得有序,你不需要单独为每一个图层命名,只要命名组就行了。
例如:如果一个按钮由按钮图标和说明文字组成,那么应该把它们归入一个”按钮”的文件夹;菜单本身是一个一组一组的按钮对,归入一个”菜单”组,并且所有背景层也将归入”背景”这个文件夹。

原则就是:文件夹分组在逻辑上应该符合你的布局结构。

21

如果一个对象包含几个图层,就应该把它们归入一个文件夹

新幻灯的版本为34/1,修改日期11月27

通常我们会把好几个不同版本的元素放在一个文件里,像同一个按钮不同的背景。

但为了避免忘记这一撮奇怪的隐藏图层其实是同一个背景的不同版本,最好还是好好给他们归组。最简单的办法就是创建一个”背景”文件夹,把所有的版本背景都放到里面。但更理想的方法是复制整个”按钮”文件夹并根据不同的版本命一样的名。这样就可以很清楚地知道这是一个按钮的3个不同版本。

31

这样分组,你的同事就能理解这些按钮是三个版本

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档