丁九九

大家好,我是Clippp。后台有小伙伴留言想了解「Figma」的用法。Figma的界面和功能与Sketch基本保持一致,掌握基本用法后,每个人都能轻松上手使用。

Figma作为基于浏览器的多人协作式设计工具,可以跨Win/Mac等多个平台使用。Figma操作页面与其他软件类似,熟悉Sketch或XD的铁汁可快速上手Figma。
这里提供一些常用的、能够快速提升工作效率的快捷操作,一起来看看~
Tips:在Windows中Cmd为Ctrl,Option为Alt。

 

1、复制

Cmd+D:复制所选元素。点击Cmd+D时,在所选元素的原位置上将出现一个新的副本。

图片

Option+鼠标拖动:另一种熟悉的复制方式。按住Option键,用鼠标拖动所选元素,出现一个新副本。操作完成后,可以使用Cmd+D连续创建新副本。

图片

 

2、调整大小

Option+鼠标拖动:按住Option键,用鼠标拖动所选元素,图形从中心放大或缩小,但里面的文字比例不变。

图片

K键:如果想让文字随着比例缩放,点击所选元素,再点击K键,文字会等比例变化。

图片

 

3、比例

Shift键:如果想在调整大小时保持比例,或在拖放时保持水平/垂直对齐,按住Shift键。

图片
Option+Shift:可以使大小和比例都与中心成比例。

图片

 

4、画板

和Sketch中调整画板的方式不同,调整Figma画板大小,画板里面的内容也会移动。
Cmd+鼠标拖动:如果只想调整画板的大小,保持画板内的元素固定,选择画板后按住Cmd调整大小,这样只有画板的大小改变。

Option+Cmd+鼠标拖动:按住Option+ Cmd键,可以从画板中心等比例缩放。

图片

 

5、复制样式

Option+Cmd+C:选择想要复制的文本样式、按钮颜色或任何可复制的元素,点击Option+Cmd+C,选择想要调整的元素,点击Option+Cmd+V。

图片

 

6、图层

Cmd+[:所选元素下移一层。

Cmd+]:所选元素上移一层。

图片

 

7、重命名

Cmd+R:选择想要重命名的元素,点击Cmd+R,快速重命名。

图片

 

8、切换页面

Fn+↓:页面向下移动一页。

Fn+↑:页面向上移动一页。

图片

 

9、不透明度

数字键:选择元素后,单击1到9数字键来更改不透明度。(1键表示10%,9键表示90%,0表示0/100%)

图片

 

10、移动量

使用箭头键移动元素时,默认情况下元素会移动1个像素,使用Shift+箭头键,默认情况下移动10个像素

移动量:在figma中可以自定义设置移动的像素多少。修改路径:Preferences>Nudge Amount>Small Nudge或Big Nudge。

图片

 

其他快捷键

Control+Shift+?:可以在Figma中找到所有快捷键。实际上我们不需要知道所有的快捷键,只需要记住那些最常用并能让我们的工作更快捷的组合就足够了~
最后帮大家整理了Windows/Mac版本的安装包,后台回复:Figma即可获取。
没用过的小伙伴赶快上手体验一下吧!❤️

 

原文地址:uxplanet.org
译文地址:Clip设计夹(公众号)
作者:Ali ÇORAK
译者:Clippp 

转载请注明:学UI网 » 掌握这些快捷操作,轻松上手Figma!

登录收藏
 
你可能喜欢的:
关于设计的小插件,我只保留了这3个关于设计的小插件,我只保留了这3个
作品集文件太大怎么办?作品集文件太大怎么办?
掌握这些Figma进阶技巧,让你的工作效率提升10倍!掌握这些Figma进阶技巧,让你的工作效率提升10倍!
Figma让设计变得更轻松Figma让设计变得更轻松
【作品合集】老虎帮课程总监-小龙老师作品《随》【作品合集】老虎帮课程总监-小龙老师作品《随》
老虎帮学徒APP作品第三弹老虎帮学徒APP作品第三弹
你的作品封面缺了一个漂亮的背景你的作品封面缺了一个漂亮的背景
设计师都在用的情绪板是什么?这份使用指南告诉你设计师都在用的情绪板是什么?这份使用指南告诉你
老虎帮学员作品公开老虎帮学员作品公开
这样的工具,哪个设计师不想要呢?这样的工具,哪个设计师不想要呢?