替换组件和实例

在设计工作中，经常需要使用不同状态的 icon、按钮和卡片等组件。「实例」模块允许你快速搜索、预览一个组件并将其切换成另一个组件。下面会介绍两种替换实例的方法。

替换实例面板

「实例面板」允许你从当前文件和任何已引用的组件库中查找替换组件。选中组件后，从右边栏中的设计面板唤起「实例面板」。

Motiff 妙多根据组件的名称，所处页面、容器对组件进行整理和展示。

• 拥有相同层级结构的组件被视为相关组件。层级结构包括文件、页面和容器。
• Motiff 妙多还对使用「 / 」命名的组件进行合并，拥有相同父节点名称的组件也被视为相关组件并合并在同一目录下。 例如：Motiff 妙多将 按钮/主按钮/激活 、 按钮/主按钮/悬浮 和 按钮/主按钮/置灰 视为相关组件，因为他们有共同的父节点 按钮/主按钮 。👉🏻点击了解如何命名和组织组件

使用实例面板替换实例：

1. 1.

   选中要替换的实例，Motiff 妙多将在设计面板的实例模块中显示组件的名称。

2. 2.

   点击组件的名称打开「实例面板」。

3. 3.

   如何使用「实例面板」：

   1. a.使用 按名称搜索组件。
   2. b.点击 图标在切换引用的组件库。
   3. c.点击 图标返回上一层目录。
4. 4.

   选择一个要替换成的实例。

资产面板

在左边栏的「资产面板」中，你可以搜索你需要的组件。

将组件拖动到画布上创建实例。如果在拖动组件时使用修饰键，则可以替换现有实例。

1. 1.打开「资产面板」并找到要替换的组件。
2. 2.按住修饰键 ⌥ Option / Alt 进行替换。
3. 3.将组件拖动到画布中要替换实例的上方。
4. 4.松开鼠标，然后再松开修饰键。如果先松开修饰键，Motiff 妙多只会添加新组件，不会替换。