Figma中文网 > 使用教程 > Figma画布尺寸是像素吗 Figma怎么调出参考线
Figma画布尺寸是像素吗 Figma怎么调出参考线
发布时间:2025/03/24 10:21:14

品牌型号:联想Yoga 14Sitl

系统:Windows 10 64位专业版

软件版本:Figma入门版

大多数设计软件中,尺寸的单位都是像素,通过像素值我们可以判断元素的尺寸大小,做出最佳显示效果的界面。参考线则用来对齐和规范布局,帮助我们精准摆放元素,让界面看起来更整齐。下面就为大家介绍Figma画布尺寸是像素吗,Figma怎么调出参考线的相关内容。

一、Figma画布尺寸是像素吗

答案是是的。在Figma中不仅画布尺寸是像素,所有元素的尺寸单位都是像素。这和大多数的设计软件是一样的。但在Figma中,这个单位是默认且不允许更改的。因此,Figma中很多调节尺寸的位置只显示了数值,没有把单位显示出来。比如图1的矩形,我们可以看到写着300*200,没有标识单位,但表示的是它的尺寸是300*200像素。

矩形尺寸
图1:矩形尺寸

我们在设计时,可以根据目标设备的屏幕分辨率设置画布尺寸。例如,iPhone 12的屏幕分辨率为390x844像素。这是公用的数据,在网络上可以查询到,对于常用的设备,我们做界面久了,就会自然而然记住尺寸的数值了。我们也可以利用Figma中本身提供的外框尺寸数值进行套用。点击右侧【画框】,会弹出大量常用设备的尺寸分辨率。

画布尺寸
图2:画布尺寸

我们根据需要点击对应机型,会立即创建一个对应尺寸大小的Frame。

预设尺寸
图3:预设尺寸

二、Figma怎么调出参考线

参考线是Figma中用于对齐和布局的重要工具。通过调出参考线,可以更精确地控制元件的位置和间距。我们可以通过以下四个步骤调出和使用参考线:

1、调出标尺:在界面左侧找到Figma的图标,点击后打开菜单栏,在当中找到【查看】,将其中的【标尺】勾选上。也可以使用快捷键Shift+R。

调出标尺
图4:调出标尺

打开后可以看到画布上方和左侧多了标尺。

带标尺的画布
图5:带标尺的画布

2、创建参考线:将鼠标移动到顶部的标尺上,按住鼠标左键并拖拽到画布中,就可以创建水平参考线。同样的,创建垂直参考线只要把鼠标移动到左侧的标尺上,按住鼠标右键往画布拖拽即可。图6中,我们创建出了两条红色的参考线。我们可以根据需要调整参考线的位置。

两条参考线
图6:两条参考线

3、使用参考线对齐元件:当我们在偏好设置中,将【对齐到形状】、【对齐到对象】、【对齐到像素】都勾选上时,我们将元件拖拽到参考线附近,元件就会自动吸附到参考线上,能够立刻精确对齐,不用手动一点点去调整。

使用参考线
图7:使用参考线

4、删除参考线:将鼠标移动到参考线上,点击并反方向拖拽回标尺,即可删除参考线。或者右键点击参考线,选择【Remove Guide】(移除参考线)。

删除参考线
图8:删除参考线

参考线是很好用的界面创建工具,但是我们也需要注意,参考线不是越多越好,太多的参考线会让界面很混乱,对我们的视觉判断产生影响。所以,我们要把参考线用在关键的地方。在设计界面的同时,对参考线做好管理。

以上就是Figma画布尺寸是像素吗,Figma怎么调出参考线的相关内容。像素决定了设计的清晰度和尺寸,保证界面在不同设备上看起来效果一致。参考线则能帮我们实现元素对齐,规范页面布局。

读者也访问过这里:
135 2431 0251