Figma中文网 > 热门推荐 > Figma如何设置画布尺寸 Figma怎么添加图层
Figma如何设置画布尺寸 Figma怎么添加图层
发布时间:2026/03/09 10:43:37

品牌型号:联想Yoga 14Sitl

系统:Windows 10 64位专业版

软件版本:Figma入门版

用Figma做设计,第一步就得把画布尺寸调对,这是基本功。图层管理也很讲究,分好组、命好名,改起来才顺手。不管是做网页设计、APP设计还是平面设计,我们先把这些基础设置好,后面正式做设计才不费劲。下面就为大家介绍Figma如何设置画布尺寸,Figma怎么添加图层的相关内容。

一、Figma如何设置画布尺寸

在Figma中,画布尺寸的设置主要通过Frame来实现。Frame可以理解为设计稿的容器,类似于Photoshop中的画布或者Sketch中的Artboard。有两种常见的设置方法。

1、使用预设设备尺寸设置画布。在Figma里如果想要设计的内容是在标准设备(比如iPhone、iPad)上使用的话,直接用Frame工具(按F键)就行。右侧属性面板有个【预设尺寸】下拉菜单,选好设备型号(像iPhone16这类常用尺寸),Figma就会自动生成对应画布。

创建预设尺寸画布
图1:创建预设尺寸画布

这样既不用手动输入尺寸,又能直接套用响应式断点,特别适合需要同时处理多端设计的情况。

2、设置自由尺寸。当需要设计海报、Banner等非标准尺寸时,可以这样操作:先用Frame工具在画布上拉出一个框,然后在右侧面板的宽高输入栏里直接填入具体数值,比如1920×1080。如果担心比例失调,还能锁定宽高比。这样做的好处是尺寸完全自己掌控,还能根据需求切换px、pt这些单位,特别适合一些特殊的设计需求。

画布自由尺寸
图2:画布自由尺寸

二、Figma怎么添加图层

Figma中是没有像Photoshop中标准的图层模块的,只有图层的概念。Figma的图层系统采用层级结构,所有元素(图形、文字、图片等)均以图层形式存在。接下来为大家介绍两种添加图层的方式。

1、手动添加。点击工具栏的工具,比如矩形。在画布上拖动绘制,就会自动生成对应图层。这是我们平常用得最多的方式。

手动添加图层
图3:手动添加图层

双击图层面板中的图层名称可以对图层进行命名,当画布里元素比较多的时候,我们最好给图层起一个有意义的名字,方便后期识别。

图层改名
图4:图层改名

拖动图层面板中的图层可以调整上下层级。处在上层的图层会挡住下层图层内容的显示。

改变图层层级
图5:改变图层层级

选中多个图层,按Ctrl+G可以创建编组。双击组可进入隔离编辑模式。创建组会方便我们对元素的管理。

2、导入添加。Figma是可以和其他的设计软件互通使用的。它支持直接拖入PSD或Sketch文件,会自动解析图层结构。但解析完成后,我们最好人工核对一下,特殊情况下有可能导致部分图层解析混乱或不完全。通过这种导入的方式,我们可以高效率地得到大量的图层。

以上就是Figma如何设置画布尺寸,Figma怎么添加图层的相关内容。在Figma里把画布尺寸调对特别重要,这直接关系到设计稿最终呈现的效果。管好图层能让设计效率提升一大截,就算项目再复杂也不会乱套。

135 2431 0251