摹客设计系统,如何实现组件代码多平台切换

2025-11-10 20:20:28

1、坚持之前是否有填组件代码,如果有,需要点击立即迁移后,在弹窗中选择一个平台。

摹客设计系统,如何实现组件代码多平台切换

2、项目关联设计系统后,可以在开发模式中同步显示CSS变量名、组件代码。

摹客设计系统,如何实现组件代码多平台切换

3、注意:

1. 开发模式才有关联设计规范

2. 有颜色的图层才有关联设计规范的选项,选中图片图层没有关联的选项

3. 一个设计规范可以同时关联多个项目

摹客设计系统,如何实现组件代码多平台切换

1、可添加CSS变量名的:颜色、文字、图层样式。

可添加组件代码的:Sketch中必须是symbol组件。

摹客设计系统,如何实现组件代码多平台切换

2、设计稿的开发模式识别出来的颜色和设计规范中的颜色对应,才会显示CSS变量名。

摹客设计系统,如何实现组件代码多平台切换

3、上传设计的插件传设计稿、设计系统插件传资源,这样才能保证开发模式和设计规范对应。

摹客设计系统,如何实现组件代码多平台切换

4、关联设计规范后,才会显示变量名和组件代码。

摹客设计系统,如何实现组件代码多平台切换

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢