logo
帮助文档/设计系统/组件/创建实例

创建实例

组件是可以在整个设计中重复使用的 UI 元素:

  • 组件母版定义元素的属性。
  • 实例是组件母版的副本,它会同步组件母版的修改。 '创建和插入实例.png'

创建实例

资产面板

你可以在资产面板中引用组件。

  1. 1.

    在左边栏中选择资产面板,或使用快捷键:

    • macOS:⌥ Option + 2
    • Windows:Alt + 2
  2. 2.

    找到需要引用的组件。

    • 本地组件:当前文件中创建的本地组件。
    • 此文档使用组件:此文档引用其他组件库的组件。
    • 引用组件库:你可在「组件库」面板探索需要的组件库,引用后即可在资产面板中展示。

      组件有两种展示视图:列表视图和网格视图。 使用 搜索 功能对引用组件库中的组件进行搜索。

  3. 3.

    拖动组件到画布中,该组件的实例创建完成。

复制或创建副本

Motiff 妙多支持以下几种复制方式创建实例:

  1. 1.拖动复制 选中组件,按住 ⌥ Option(macOS)或 Alt(Windows)拖动组件以创建实例。
  2. 2.复制粘贴 选中组件并使用快捷键将其复制粘贴为实例。
    • macOS:⌘ Command + C⌘ Command + V
    • Windows:Ctrl + CCtrl + V
  3. 3.创建副本 选中组件使用快捷键创建实例。
    • macOS:⌘ Command + D
    • Windows:Ctrl + D