设计稿检查

检查设计稿中不符合转码规范的图层,如无法转码为组件、颜色没有用 token 值等。解决问题后可以获得更加可用的代码产物。
点击查看推荐的 设计稿规范。除此之外你也可定制属于团队的检查规则。

开始检查

在「设计转代码」 插件 Tab,点击检查。
检查包括错误、警示、信息三种类型。一般来说,只需要关心错误和警示类型。如果没有错误、警示,会展示检查成功。
点击检查卡片进入检查详情页面,点击「定位节点」找到对应节点。
开始检查查看检查检查详情

自定义检查规则

使用转码插件的 inspectDraft 钩子可以实现自定检查规则。适用于需要查看设计稿中存在组件、或者样式不符合规范的场景。
我们提供了一个示例,你可以基于这个示例实现自己的检查钩子函数。

默认支持的检查

检查描述检查名检查类型处理方式
Table 中包含无法识别的内容tableInvaliderror使用 Semi Table 组件,查看 Table 文档
该节点为实例节点,无法识别为 Semi 组件instanceNoMarkwarning使用 Semi 最新 UI Kit,替换该节点或进行自定义标记
该节点是合法的 Semi 组件或 Semi IconsemiComponentinfo
该节点经过了自定义标记customMarkinfo
该节点转代码后会转译为 imgimageinfo查看 哪些情况会转成图片
该节点会被创建父级节点autoWrapperinfo查看 如何自动分组
  • 开始
    • 介绍
    • 快速开始
    • 选型对比
    • 相关术语
    • 常见问题
    • 更新日志
      更新
  • 研发使用手册
    • 代码转译
    • 标记组件库
    • 标记图标库
    • 标记图层
    • 设计稿检查
      更新
    • 转码插件
      更新
    • 故障排除
    • 基础转换原理
    • 支持组件列表
    • 全局设置
      更新
  • 设计使用手册
    • 使用 Semi Variants
    • 自定义 Variants
    • 设计稿规范
    • 使用 Table 组件
    • 使用 Form 组件
    • 迁移旧设计稿
  • 更多
    • 联系我们
    • 路线图
    • JSON Schema
    • 已知问题