在右侧边栏，你可以查看和调整选中对象的属性，还能查看其代码标注，这个区域被称为属性栏。

右侧边栏上方有 设计 、原型 和研发模式三种按钮，通过切换不同模式来切换对应的属性栏。

设计

在设计的属性栏中，你可以查看、添加、删除或更改设计中对象的属性。 如果在画布中未选择任何内容，则可以查看封面预览、更改画布的背景颜色，或导出整个页面等。

选择图层后，属性栏将显示该图层的所有属性。

属性栏中提供了以下属性：

• 对齐和分布：自动排列图层位置
• 类型、位置、宽高、角度、圆角、图层：图层的物理属性
• 填充：用来设置图层的填充颜色，以及修改填充模式
• 描边：设置图层的描边粗细、类型和颜色
• 特效：包含外阴影、内阴影、高斯模糊以及背景模糊
• 导出：将图层导出为不同类型的图片、PDF、WEBP或SVG

原型

在原型模式的属性栏中，可以快速创建丰富的交互效果，通过点击、悬停、按下、拖拽、延时等效果在容器与容器、容器与图层、图层与图层间创建交互流程，并进行演示。 详细了解原型模式

研发模式

研发模式的属性栏可方便开发人员查看设计文件的样式属性，包括字体、颜色、间距、边框等样式属性，并自动生成HTML、CSS、iOS和Android代码标注，开发人员可直接获取代码片段，确保准确复现设计中的细节，提升开发效率。

评价此篇文章：👍🏻 有帮助 👎🏻 无帮助

👉本篇文章对你是否有帮助？👍🏻 有帮助 👎🏻 无帮助，我们期待着你的反馈。