在摹客设计规范中，右侧面板为资源属性面板。面板上展示了资源名称、图示、描述信息、基本属性、CSS变量名、标签等属性。
设置CSS变量名
选中任意一个颜色或文字资源，在右侧属性面板上，可以直接编辑资源的变量名。生成代码时，会自动应用变量名到样式代码中。
设置组件代码
如果你使用Sketch摹客设计规范插件，上传了symbol组件到网页资源库中。选中组件资源，在右侧属性面板上，可以直接添加组件代码。（注：只有symbol组件上传资源库后，才会有组件代码。）
如果这个设计稿，也使用摹客Sketch插件传到了摹客协作平台上。那么在关联项目后，切换到开发模式中，设计规范中的组件代码也会同步显示在开发模式的属性面板上。设计规范如何关联项目？（如果关联项目后，没有显示组件代码，请更新Sketch插件到最新版后再次上传。）
其它属性
资源名称：属性面板显示了该资源的名称。
图示：名称下方展示了该资源的视觉信息。
描述信息：颜色分类下，摹客默认提供了该颜色的使用场景，方便参考。
基本属性：基本属性包括RGBA、HEX、HSL、不透明度、尺寸、字体名称、风格、文字颜色、行高等。
标签：可为资源添加标签。搜索时可直接搜索标签名，同样标签的资源会在搜索结果中罗列出来。
