品牌型号：联想 E431

系统：Windows 10 19042 64位家庭版

软件：Figma入门版

Figma是一款专业的矢量图形编辑软件，适用于UI/UX的设计，界面设计十分简洁对新手也很友好，Figma功能强大，深受设计人员的喜爱，接下来我们来了解一下Figma自动布局怎么用，Figma自动布局快捷键吧！

一、Figma自动布局怎么用

首先先了解一下Figma自动布局（Auto Layout）是什么。自动布局可以应用于框架和组件中，进行页面排版，并且随着内容变化来进行重新布局。为了帮助大家更清晰直观地了解Figma自动布局的功能，下面会为大家介绍Figma自动布局怎么用。

1、使用自动布局进行排版

①打开Figma设计稿，长按Shift并单击选中需要进行排版的元素，右键单击，在下拉选项中点击Add Auto Layout，系统会自动创建框架（Frame）并将所有选中的元素加入框架中。

②在右侧菜单栏中，找到Auto layout，可以看到Resizing、Direction、Alignment、Padding等属性。通过设置属性参数，就可以对所选元素的排版布局进行调整。

③在Auto layout属性中，调整resizing可以改变框架宽度、高度等；选择Direction可以改变布局的形式，如（垂直分布、水平分布、换行分布等）；调整GAP可以改变框架内各个元素的间距；Padding可以用来设置框架内元素和框架间的距离；Alignment可以调整框架内元素的对齐方式。

2、使用自动布局制作按钮。除了用矩形加文字的方式组合成按钮，Figma中还可以使用自动布局来制作按钮。

①打开设计稿，点击下方的文本工具，在空白处输入文本内容。

②切换到移动工具，选中文本并右键单击，再点击Add Auto Layout，就自动在文本外部形成框架。

③选中框架，在Design侧边栏中，点击Fill右侧的加号，再在颜色选择器中选取颜色，可以填充背景色。

④紧接着，在Design侧边栏中，找到Appearance，设置Corner radius，可以将框架调整为圆角。这样一个简单的带背景色的按钮就制作完成了。

二、Figma自动布局快捷键

Figma功能众多，如果能够记住常用操作的快捷键，将会进一步提高工作效率。下面为大家介绍Figma自动布局快捷键。

1、在使用Figma自动布局功能时，其实不难发现它的快捷是Shift+A。选中元素，按住快捷键，能够快速添加自动布局。

2、如果需要对已经添加的自动布局进行移除，需要选中框架，点击Alt+Shift+A。

3、在使用自动布局属性时，如上移、下移、居中等，也会用到快捷键。具体可以按Ctrl+Shift+？，再点击Arrange标签页，可以查看所有和自动布局相关的快捷键。

本文为大家介绍了 Figma自动布局怎么用，Figma自动布局快捷键的相关内容。看完本文，大家对自动布局应该有了一定的了解，但自动布局作为Figma的关键功能，还有许多进阶玩法等着大家发现。掌握Figma的自动布局后，设计效率将得到显著提升！