alibaba / gaiameasure

该库是Sketch插件中的【导出标注】功能的一部分，通过此项目生成标注模板，产物集成在设计师插件中，通过和插件导出设计稿的数据，生成可供开发参考的标注文件

标注模板

en-US

介绍

该库是Sketch插件中的【导出标注】功能的一部分，通过此项目生成标注模板，产物集成在设计师插件中，通过和插件导出设计稿的数据，生成可供开发参考的标注文件

语雀知识库地址

项目架构基于 Create React App，界面基于 FluentUI

标注示例

特点

• 支持插件定义的Design Token库，以及显示选中图层特定属性的Design Token
• 更清晰的标注界面
• 支持查看选中图层的CSS样式

数据格式

• 数据

功能

• Design Token
• 属性
• 尺寸
• 背景
• 边框
• 阴影
• 代码
• 切图
• 字符
• 模糊

开发

安装依赖

npm run install 

或者

yarn 

启动服务

npm run start

或者

yarn start

编译

npm run build

或者

yarn build

集成到插件

编译后，拷贝 build 目录下的 asset-manifest.json 、 index.html 、 src/**、 static/** 文件及子目录到插件的 sketch/assets/export-measure 目录，然后重新编译打包插件

如果index.html文件中有类似如下 <script src="artboards/FF7DA7EF-B893-47CE-8C1F-A042C0011233.js"></script> 的内容，请手动删掉，只保留 <script src="data.js"></script>

行为准则

Alibaba Open Source Code of Conduct

开源协议

Gaia Measure is licensed under the Apache License, Version 2.0. See LICENSE for the full license text.