XD Section插件上线丨在XD画布中创建分区!

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

 XD Section插件上线丨在XD画布中创建分区_1.jpg

标记狮研发的XD Section 插件可以在Adobe XD的画布中创建带标签的分区,将相关的画板分组,便于在复杂的设计文件中组织和管理画板。

通过该插件,你可以为不同的画板创建分区,使得上传至标记狮私有云的文件更加整洁、有序,便于开发在查看画板标注时快速导航和协作。

一、插件的主要功能


  • 1.创建分区(Section):将一组画板或对象归类为一个 Section,方便组织和管理。

  • 2.重命名与删除:可以修改 Section 的名称,可以删除 Section,而不影响其中的画板。

  • 3.添加对象到 Section:支持通过调整 Section 的边框来包含更多画板。

  • 4.调整Section颜色:可以通过Adobe XD右侧的填充面板修改Section颜色。

  • 5.快速定位Section和画板:可在左侧插件面板点击对应的Section或画板名称快速定位至对应的对象。

二、使用教程

1. 安装和启动插件

在标记狮客户端(版本6.2.7920.0以上)工具中安装 XD Section 插件。在 Adobe XD 的左侧插件面板中,点击插件图标启动它,点击新建Section菜单。

 XD Section插件

 XD Section插件

2. 创建 Section

在画布上选择你想要分区的画板,在插件面板中,点击“新建 Section”按钮。在弹出的对话框中输入 Section 的名称,点击“确定”完成创建。

3. 编辑 Section

创建完成后,你可以对 Section 进行编辑和调整。

3.1 编辑Section颜色

  • 在画布中选中你想修改的 Section。在右侧的外观面板修改填充颜色和透明度即可。

3.2 重命名 Section

  • 在插件面板中找到你想修改的 Section。点击 Section 名称旁边的“…”按钮,选择“重命名”。输入新的名称,点击确认。

  • xd section重命名section

4. 添加画板到 Section

一旦创建了 Section,你可以继续向其中添加新画板。点击选中一个 Section,然后拖动其边缘调整大小。将更多的画板纳入到现有的 Section 中。点击刷新按钮,插件会自动根据内容重置分区的边距。

5. 删除 Section

选中你要删除的 Section。点击更多按钮,选择“删除”,将删除该 Section。

xd section重命名section

通过 XD Section 插件,你可以将相关画板分区,并将文件上传至标记狮私有云,生成Section分区类目,便于开发筛选画板。

希望通过本教程,你能够快速掌握插件的使用方法,为你的项目带来更高的效率和组织性。

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速、安全、高效、私密的UI设计团队云协作
立即部署>>
标记狮私有云部署-一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作