logo
帮助文档/Motiff AI/AI 设计系统/AI 组件替换

AI 组件替换

使用「AI 设计系统创建」和「AI 设计系统维护」能够轻松提取设计稿中可被创建成样式或组件的设计元素。设计师可以自行将合适的候选样式或组件创建成样式或组件。 对于剩余的候选样式和组件,Motiff 妙多支持通过「AI 组件替换」功能将其一键替换成设计系统中的样式或组件。

在以下场景中,「AI 组件替换」发挥了重要的作用:

  • 将设计稿中需要引用样式的设计元素替换成已有的样式。
  • 将设计稿中用错的属性替换成设计系统中的样式。

替换样式和组件

  1. 1.在识别结果中,选择一个或多个需要替换的候选样式或组件。
  2. 2.在右边栏的「候选样式」或「候选组件」模块中点击 'Icon Button.svg''候选样式.png'
  3. 3.在替换面板中选择要替换为的样式或组件,点击「替换」。 '替换.png'

发布替换

  1. 1.在画布区右上角点击 '24_Common_AIReplaceLibrary.svg' 打开发布替换面板。 '发布替换.png'
  2. 2.在替换面板中查看待发布的替换内容,点击「发布替换」。 '确认.png'

接收更新样式和组件

当需要替换的候选样式和组件被发布后,其所在的被识别设计稿都会收到更新提醒。

  1. 1.

    打开关联的设计稿,点击工具栏中的 '16_Common_AIReplaceLibrary.svg' 进行更新。 '更新替换.png'

  2. 2.

    在替换面板中你可以查看并替换当前页面或当前文件的要替换的样式或组件。 '替换面板.png'

    • 点击 'Icon-Wrapper.svg' 可以定位到需要替换的图层。
    • 点击「替换」将样式或组件进行更新。

'替换.png'