logo
帮助文档/Motiff AI/AI 设计系统/AI 一致性检查

AI 一致性检查

使用设计系统可以提高团队的设计一致性。但在实际工作中,往往会由于各种原因导致不符合设计系统规范的元素出现,进而带来一致性问题。

「AI 一致性检查」功能可以扫描设计稿并与设计系统文件对比,标记出未使用设计系统的颜色、字体和组件,同时支持一键批量替换为设计系统内规范的样式。

使用 AI 一致性检查

  1. 1.打开设计系统文件,点击工具栏中的 '24_Toolbar_AIseacted.svg' 选择「AI 一致性检查」。 'AI 一致性检查.png'
  2. 2.选择一个或多个用于检查的设计系统文件。AI 将提取当前设计系统文件不包含的新样式和新组件。
  3. 3.AI 一致性检查会预设上次检查所用的设计系统,你可以点击「管理」按钮进行更改。 '管理.png'
  4. 4.选定设计系统后,点击「开始检查」即可开始 AI 一致性检查。

设置检查规则

你可以点击「检查规则」进行设置。

若当前设计系统内暂未对文本行高进行规范,你可以打开「跳过与设计系统内样式仅行高不同的文本图层」开关,那么检查结果中将不会标出仅行高不同的文本图层。 '检查规则.png'

AI 一致性检查结果

AI 一致性检查结束后,你可以在弹窗内查看「文本」、「颜色」、「组件」的检查结果。

  • 「文本 」列表展示未使用设计系统中的文本样式,并分为「存在同属性样式但未使用」和「没有同属性样式」两种情况。
  • 「颜色」列表展示未使用设计系统中的颜色样式,并分为「存在同属性样式但未使用」和「没有同属性样式」两种情况。
  • 「组件」列表展示未引用设计系统的组件且与之属性不同的设计元素。Motiff 妙多支持对「按钮」、「标签」、「多选框」、「对话框」、「轻提示」、「选项卡」、「导航栏」、「标签栏」等常见组件进行检查。

你可以通过列表选中并定位到未使用设计系统的元素。

点击列表内的卡片,Motiff 妙多会在画布区突出显示其对应位置。

点击 '16_Common_ArrowDown (2).svg' or '16_Common_ArrowUp.svg' 可以依次进行浏览。

在「文本」和「颜色」列表中,你可以点击「全部替换」将未使用规范的设计元素一键替换为设计系统中的文本或颜色样式。

'一致性检查结果.png'

使用「一致性检查」功能时,AI 识别会跳过设计稿中被隐藏或锁定的图层。此外,设计稿中的插画、营销图等设计元素,也会被跳过。