检查设计稿中不符合转码规范的图层,如无法转码为组件、颜色没有用 token 值等。解决问题后可以获得更加可用的代码产物。
点击查看推荐的 设计稿规范。除此之外你也可定制属于团队的检查规则。
开始检查
在「设计转代码」 插件 Tab,点击检查。
检查包括错误、警示、信息三种类型。一般来说,只需要关心错误和警示类型。如果没有错误、警示,会展示检查成功。
点击检查卡片进入检查详情页面,点击「定位节点」找到对应节点。
开始检查 | 查看检查 | 检查详情 |
---|---|---|
![]() | ![]() | ![]() |
自定义检查规则
使用转码插件的 inspectDraft 钩子可以实现自定检查规则。适用于需要查看设计稿中存在组件、或者样式不符合规范的场景。
我们提供了一个示例,你可以基于这个示例实现自己的检查钩子函数。