在右侧边栏设计、原型和探索图层属性

谁可以使用此功能

适用于所有计划
调整图层和从属性面板进行原型设计需要 can edit 文件访问权限

查看文件和图层属性、从属性面板导出图层需要 can view 文件访问权限

在 Figma 设计中,文件有三个与画布分离的主要界面元素:

本文将探讨属性面板。

根据您对文件的访问权限,属性面板将如何变化

属性面板的功能取决于您对文件的访问级别以及您的座位类型 。

使用具有编辑权限的属性面板

edit-access.png

当您对文件具有编辑权限时,属性面板中有两个选项卡可供使用: 设计原型 。

提示 :您可以为属性面板添加标签,以便更清楚地了解每个属性的作用。要启用标签,请点击属性面板中 100%缩放百分比旁边的下拉菜单,并选择属性标签 。

设计

设计  选项卡允许您查看、添加、删除或更改设计中的对象属性。

如果画布上未选择任何内容,您将能够从设计  选项卡执行以下操作:

当您选择一个图层时,可以访问许多不同的属性控制选项来编辑该图层。例如:

原型

使用原型  选项卡开始构建原型。选择任何对象开始,然后:

  1. 添加一个流程起点 :一个流程是用户在构成原型的一系列相连框架网络中走过的路径。添加一个起点来选择旅程的第一个框架。
  2. 添加一个交互 :打开交互详情模态框,您可以在其中定义触发器、操作以及交互的任何动画。
  3. 定义滚动行为 :选择原型如何响应滚动。
  4. 显示原型设置 :允许您调整原型的设备和背景。

提示 :您也可以直接在画布上添加交互,方法是选择原型选项卡,然后点击并拖动对象之间的连接。

了解更多关于 Figma 中的原型设计 →

使用仅读权限的属性面板

view-access.png

拥有文件可以查看权限的人,或付费计划中的查看席位用户,在属性面板中有两个标签: 评论属性 。

仅查看访问权限适合不需要编辑设计的人,或需要访问设计但不需完整 Dev Mode 功能的开发者。拥有此文件访问权限的人可以协作设计、查看设计属性、复制基本代码和导出资源。

评论

在右侧边栏中选择评论  以添加新评论或查看现有评论。您可以使用评论来添加或回复反馈、协作并更快地迭代——所有这些都可以在原始设计文件中完成。

评论  标签页中,您可以查看文件中的所有现有评论。或者,在文件中查找特定评论或一组评论:

了解更多关于向 Figma 设计文件添加评论查看和管理评论的内容。

属性

右侧边栏的属性选项卡允许您检查画布上的特定图层,以及导出设计。

首先,在画布上选择一个图层。您可以通过在画布上选择元素或从左侧边栏的图层  面板中选择来完成此操作。您可以选择任何类型的图层,例如形状、文本、组或框架。

属性下,您将看到所选图层的名称及其详细信息,例如其布局和颜色。

在画布上右键单击图层以:

想测量对象之间的距离?您可以使用键盘快捷键快速访问间距和填充信息。 了解如何添加测量指南→

属性选项卡底部,您可以添加导出配置,以多种文件格式和尺寸导出设计。导出有助于您与他人共享内容,在不同工具之间移动内容,以及在 Figma 外部保存设计副本。 了解如何从 Figma 导出内容→