教程 > 摹客协作 > 设计规范 > 自定义设计规范

自定义设计规范

添加文字到规范

将切好图的设计稿上传至画板,开发模式中选中任意一个切图,在右侧面板可以看到该切图的各个属性。点击背景色、字体选项右侧的“+”,即可将该颜色/字体添加至设计规范中。

在设计规范页面,可以看到字体/颜色名称、变量名、颜色值等信息,点击颜色矩形框内的区域 ,即可改变颜色值。还可以任意拖动色块的位置。

生成CSS代码

定义好颜色、字体属性后,点击右上角的“CSS代码”,即可快速生成CSS样式代码。右上角还可以一键复制代码,或者下载为css文件提供开发使用。