Sketch
Sketch是一款专为UI设计打造的矢量绘图工具,提供免费试用版和专业版,支持MacOS及网页版。
Sketch Measure是一款专为设计师与开发团队设计的Sketch插件,核心功能是将设计文件自动转换为包含详细规格参数的HTML文档,支持智能标注、导出和团队协作。
核心功能
– 智能标注:自动识别设计元素并生成尺寸、间距、定位、CSS属性等参数 。
– 一键导出:支持导出为HTML文件,包含完整设计资源、可交互元素检查器及样式代码 。
– 高级定制:提供快捷键配置、标注样式调整、测量单位切换(像素/百分比)等选项 。
安装方式
– 直接安装:通过解压插件文件并添加至Sketch插件管理器 。
– 插件管理器安装:在Sketch插件管理器中搜索并安装 。
– 终端命令安装:使用`git clone`克隆仓库后运行安装脚本 。
使用场景
– 单个元素测量:选择图层后应用尺寸或间距标注 。
– 多元素测量:框选多个元素后设置测量方向 。
– 规格导出:完成标注后导出HTML文档,支持单画板或综合导出 。
协同优化
– 团队配置:可共享插件设置模板和导出标准 。
– 开发协作:设计完成后导出HTML并上传至共享平台供开发查看 。
兼容性
支持Sketch 69及以上版本,适配macOS系统,并兼容Adobe XD、Figma等设计软件 。