在右侧边栏设计、原型和探索图层属性
适用于所有计划
调整图层和从属性面板进行原型设计需要 can edit
文件访问权限
查看文件和图层属性、从属性面板导出图层需要 can view
文件访问权限
在 Figma 设计中,文件有三个与画布分离的主要界面元素:
本文将探讨属性面板。
根据您对文件的访问权限,属性面板将如何变化
属性面板的功能取决于您对文件的访问级别以及您的座位类型 。
使用具有编辑权限的属性面板
当您对文件具有编辑权限时,属性面板中有两个选项卡可供使用: 设计和原型 。
提示 :您可以为属性面板添加标签,以便更清楚地了解每个属性的作用。要启用标签,请点击属性面板中 100%缩放百分比旁边的下拉菜单,并选择属性标签 。
设计
设计 选项卡允许您查看、添加、删除或更改设计中的对象属性。
如果画布上未选择任何内容,您将能够从设计 选项卡执行以下操作:
- 访问文件本地的样式和变量
- 更新画布的背景颜色
- 导出整个页面
当您选择一个图层时,可以访问许多不同的属性控制选项来编辑该图层。例如:
原型
使用原型 选项卡开始构建原型。选择任何对象开始,然后:
- 添加一个流程起点 :一个流程是用户在构成原型的一系列相连框架网络中走过的路径。添加一个起点来选择旅程的第一个框架。
- 添加一个交互 :打开交互详情模态框,您可以在其中定义触发器、操作以及交互的任何动画。
- 定义滚动行为 :选择原型如何响应滚动。
- 显示原型设置 :允许您调整原型的设备和背景。
提示 :您也可以直接在画布上添加交互,方法是选择原型选项卡,然后点击并拖动对象之间的连接。
使用仅读权限的属性面板
拥有文件可以查看权限的人,或付费计划中的查看席位用户,在属性面板中有两个标签: 评论和属性 。
仅查看访问权限适合不需要编辑设计的人,或需要访问设计但不需完整 Dev Mode 功能的开发者。拥有此文件访问权限的人可以协作设计、查看设计属性、复制基本代码和导出资源。
评论
在右侧边栏中选择评论 以添加新评论或查看现有评论。您可以使用评论来添加或回复反馈、协作并更快地迭代——所有这些都可以在原始设计文件中完成。
从评论 标签页中,您可以查看文件中的所有现有评论。或者,在文件中查找特定评论或一组评论:
- 在搜索框中输入关键词以查找特定评论。
- 使用筛选功能按发布时间查看评论,或仅查看未读评论。在这里,您可以筛选以仅查看特定的一组评论。
了解更多关于向 Figma 设计文件添加评论或查看和管理评论的内容。
属性
右侧边栏的属性选项卡允许您检查画布上的特定图层,以及导出设计。
首先,在画布上选择一个图层。您可以通过在画布上选择元素或从左侧边栏的图层 面板中选择来完成此操作。您可以选择任何类型的图层,例如形状、文本、组或框架。
在属性下,您将看到所选图层的名称及其详细信息,例如其布局和颜色。
在画布上右键单击图层以:
- 复制图层
- 作为代码(CSS、iOS 或 Android)、SVG、PNG 复制,复制链接或复制其属性
- 在您选择的图层内选择不同的图层
想测量对象之间的距离?您可以使用键盘快捷键快速访问间距和填充信息。 了解如何添加测量指南→
在属性选项卡底部,您可以添加导出配置,以多种文件格式和尺寸导出设计。导出有助于您与他人共享内容,在不同工具之间移动内容,以及在 Figma 外部保存设计副本。 了解如何从 Figma 导出内容→