%20(2).svg)
项目简介
这是一款基于React和FluentUI开发的设计标注模板生成工具，能帮助用户对设计元素进行标注，生成规范的数据格式，方便开发人员理解设计细节。
项目的主要特性和功能
- 支持插件定义的Design Token库，可显示选中图层的特定属性。
- 标注界面简洁直观，操作简单，易于用户快速上手。
- 支持查看选中图层的CSS样式，便于开发人员把握设计细节。
- 能对尺寸、背景、边框、阴影、字符、模糊等多种设计元素进行标注。
- 提供清晰的数据格式，方便用户查看和使用。
安装使用步骤
假设用户已经下载了本项目的源码文件，可按以下步骤操作：
1. 安装依赖：在项目根目录下运行以下命令安装依赖：
sh
npm install
或者使用Yarn：
sh
yarn
2. 启动服务：安装完成后，运行以下命令启动开发服务器：
sh
npm start
或者使用Yarn：
sh
yarn start
3. 编译项目：如果需要将项目集成到插件中，运行以下命令进行编译：
sh
npm run build
或者使用Yarn：
sh
yarn build
4. 集成到插件：编译完成后，将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>。
开源协议
本项目遵循Apache License 2.0开源协议，详情请参阅LICENSE文件。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】