教程 > 摹客规范 > 管理设计资源 > 资源属性面板

资源属性面板

在摹客设计规范中,右侧面板为资源属性面板。面板上展示了资源名称、图示、描述信息、基本属性、CSS变量名、标签等属性。

设置CSS变量名

选中任意一个颜色或文字资源,在右侧属性面板上,可以直接编辑资源的变量名。生成代码时,会自动应用变量名到样式代码中。

设置组件代码

如果你使用Sketch摹客设计规范插件,上传了symbol组件到网页资源库中。选中组件资源,在右侧属性面板上,可以直接添加组件代码。(注:只有symbol组件上传资源库后,才会有组件代码。)

如果这个设计稿,也使用摹客Sketch插件传到了摹客协作平台上。那么在关联项目后,切换到开发模式中,设计规范中的组件代码也会同步显示在开发模式的属性面板上。设计规范如何关联项目?(如果关联项目后,没有显示组件代码,请更新Sketch插件到最新版后再次上传。)

其它属性

资源名称:属性面板显示了该资源的名称。

图示:名称下方展示了该资源的视觉信息。

描述信息:颜色分类下,摹客默认提供了该颜色的使用场景,方便参考。

基本属性:基本属性包括RGBA、HEX、HSL、不透明度、尺寸、字体名称、风格、文字颜色、行高等。

标签:可为资源添加标签。搜索时可直接搜索标签名,同样标签的资源会在搜索结果中罗列出来。

下一章节 编辑资源