logo
帮助文档/设计系统/组件/编辑实例

编辑实例

为了灵活使用实例,Motiff 妙多允许你对实例上的部分属性进行更改,以适应不同的设计场景,比如:修改按钮上的文案。

'编辑实例.png'

当实例的 icon 和文案被修改时,Motiff 妙多会记录并保存所修改的内容。在替换实例或选择不同变体时,修改的内容仍被保留。

支持编辑的属性

Motiff 妙多支持编辑实例的文本、填充、描边和效果属性。

可以编辑的属性

  • 更改文本属性,包括字体、字号、字重、行高、字间距等属性。
  • 更改任何图层的填充或描边,包含填充类型、色值和不透明度等。
  • 添加、编辑或删除任何阴影或模糊效果。
  • 添加、编辑或删除布局网格。
  • 替换组件内嵌套的实例,例如:按钮中的图标。
  • 添加、编辑或删除导出设置。
  • 更改图层名称。

无法编辑的属性

  • 实例中图层的顺序。
  • 实例中图层的位置,包括自动布局中的图层。
  • 实例中图层的约束。
  • 实例中文本图层的边界框大小。但仍然可以编辑文本的文本框模式。

复制已编辑的实例,已编辑的属性将会保留。

保留已编辑属性

当你选择在不同的实例、变体之间切换时,Motiff 妙多将尝试保留你的已编辑的属性。

Motiff 妙多使用以下规则来确定是否保留编辑属性:

  • 图层名称和层级结构需要在当前实例和要切换的实例之间匹配。
  • 文本内容的保留规则相对宽松,只需文本图层的名称在组件之间相同即可。

将编辑覆盖组件母版

你可以选择将编辑后的实例覆盖组件母版。这会将你的编辑应用到组件母版,然后组件母版将更新该组件的其他实例。

如果组件母版与实例位于同一文件中,则可以使用「覆盖组件母版」功能,跨文件无法使用。

不可以将实例内部嵌套实例的编辑覆盖其组件母版,你需要对组件母版本身进行这些更改。

  1. 1.选中已编辑的实例。你需要选中实例本身,而不是其内部图层。
  2. 2.在设计面板中点击组件名称旁边的 '16_panel_more.svg'
  3. 3.选择「覆盖组件母版」。
  4. 4.Motiff 妙多会将你的编辑应用到组件母版。

如果你在已发布的组件库文件中工作,你需要发布你的更改以允许其他实例接收这些更新。

重置实例

重置实例恢复组件母版的属性。你可以选择重置整个实例或仅重置特定属性。

在设计面板的实例菜单查看当前实例已编辑过的属性,你可以重置单个属性或整个实例。

  1. 1.选择实例以查看整个实例的编辑,或选择特定层以仅查看该层的编辑。按住修饰键 ⌘ Command / Ctrl 透选其中的嵌套图层。
  2. 2.在设计面板中点击组件名称旁边的 '16_panel_more.svg'
  3. 3.Motiff 妙多将打开一个实例菜单,你可以查看当前实例已编辑过的属性。
    • 选择「重置属性」 以重置特定属性。
    • 选择「重置所有修改」将重置该图层的所有属性。
  4. 4.Motiff 妙多将重置属性以匹配组件母版。

如果你要重置所有覆盖,你还可以在其他几个地方重置实例。

  • 选中实例,在右键菜单中选择「重置所有修改」。
  • 选中实例,在工具栏中点击 '24_toolbar_comp-reset.svg'