Sketch MeaXure插件：设计师必备的智能标注工具
【免费下载链接】sketch-meaxure项目地址: https://gitcode.com/gh_mirrors/sk/sketch-meaxure
Sketch MeaXure是一款专为设计师打造的开源标注与切图插件，基于TypeScript开发，完美适配最新版Sketch软件。它能自动生成设计稿标注信息并支持一键导出切图，让设计交付效率得到显著提升。
核心功能：提升设计效率的利器
智能标注系统
自动识别设计元素并生成精准标注，包含：
- 元素宽高、坐标位置
- 图层间距与对齐关系
- 文本样式与颜色值
- 支持自定义标注单位（px/pt/%）
一键切图导出
通过meaxure/export/模块实现高效切图功能：
- 支持多种图片格式（PNG/JPG/SVG）
- 自定义导出倍率（1x/2x/3x）
- 批量导出多个艺术板
- 导出文件名智能命名
实时同步更新
设计文件修改后，标注信息自动更新，告别手动调整标注的繁琐工作。
最新功能亮点
完全适配Sketch v66+
通过重构src/sketch/模块确保与最新版Sketch完美兼容，解决旧版插件频繁崩溃问题。
标记自由调整
现在可以随意拖拽、缩放标注标记，不会破坏原有布局，设计微调更灵活。
支持Sketch最新色调功能
新增tint.ts模块，完美解析设计中的色调样式，标注更精准。
Anima堆栈导出支持
激活Anima插件的设计稿也能直接导出标注，协作流程更顺畅。
安装与使用指南
快速安装步骤
git clone https://gitcode.com/gh_mirrors/sk/sketch-meaxure cd sketch-meaxure npm install npm run build将生成的.sketchplugin文件双击安装即可。
基础使用流程
- 在Sketch中打开设计文件
- 选择需要标注的图层
- 点击插件面板中的「生成标注」按钮
- 通过ui/panels/exportPanel.ts控制面板调整导出参数
- 点击「导出标注」完成交付
高级配置技巧
自定义快捷键
通过修改ui/events/keyboard/目录下的配置文件，设置个性化操作快捷键，提升操作效率。
标注样式定制
编辑meaxureStyles.ts文件，可以自定义标注线条颜色、粗细、文字大小等样式。
多语言支持
项目内置language.ts模块，支持中英文切换，团队协作更无障碍。
为什么选择Sketch MeaXure？
- 开源免费：完全开源的项目，无功能限制
- 持续更新：活跃的开发团队，定期推出新功能
- 稳定可靠：TypeScript强类型保障，插件运行更稳定
- 社区支持：丰富的使用教程和问题解答
无论是独立设计师还是大型设计团队，Sketch MeaXure都能帮你轻松搞定设计标注工作，让设计交付变得简单高效。插件界面中的图标资源如resources/panel/icons/为操作提供了直观的视觉指引。
【免费下载链接】sketch-meaxure项目地址: https://gitcode.com/gh_mirrors/sk/sketch-meaxure
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
