属性面板

设计面板

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

当您在“设计”面板中没有选择任何内容时，您能够查看当前文件中创建的样式。

您还可以更新画布的背景颜色。

选择图层后，设计面板将出现许多不同的设置。您选择的图层类型将决定设计面板中可用的属性设置。

设计面板中包含了以下属性：

• 对齐和分布
• 画板尺寸和方向
• 图层在画布上的位置（X 和 Y）  
• 所选对象的尺寸（宽度和高度）  
• 实例设置
• 自动布局设置
• 布局约束属性
• 布局网格属性
• 图层（混合模式）
• 文本
• 填充
• 描边
• 效果
• 导出设置
  

原型面板

在原型面板，您可以使用所有的原型交互设置功能。

您可以在画布中的画板之间建立连接。通过连接，您可以模拟界面与用户的交互，并在演示视图进行播放。

原型面板由五个部分组成：

1. 选择交互

您可以为任何交互定义触发、操作、目标及设置目标状态。

2. 应用动画

您可以定义在画板之间转换的效果。您还可以调整方向、缓动和持续时间。

3. 设置弹窗

您可以通过该选项创建提示弹窗、交互式菜单、警报或确认弹窗。

4. 设置溢出行为

您可以决定原型页面如何响应滚动。创建更高级的用户交互，例如轮播、列表或交互式地图。

5. 调整原型基础设置

您可以设置延时视图的背景和播放的起始画板流程。

标注面板

右侧面板中的第三个选项是标注面板。您可以通过这里查看如何在代码中表达您的设计元素，也可以查看到所选中元素的基础属性，并且复制属性值。

您可以选择代码并复制：CSS（网页开发）