Sketch MeaXure插件：设计师必备的智能标注工具

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文件双击安装即可。

基础使用流程

1. 在Sketch中打开设计文件
2. 选择需要标注的图层
3. 点击插件面板中的「生成标注」按钮
4. 通过ui/panels/exportPanel.ts控制面板调整导出参数
5. 点击「导出标注」完成交付

高级配置技巧

自定义快捷键

通过修改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