Sketch Measure

产品简介

Sketch Measure 是一款专为设计师打造的 Sketch 插件，旨在简化设计稿的标注与规范输出流程。通过该工具，设计师无需手动绘制尺寸线或注释，即可快速生成设计元素的精确尺寸、间距、颜色值等参数，显著提升设计交付效率。插件由开发者 Utom 维护，官网地址为 http://utom.design/measure/。

主要功能

– 自动标注：一键为选中的图层或组生成水平、垂直方向的尺寸标注，支持像素级精确度。
– 规范导出：支持将标注信息导出为 HTML 或 PDF 格式，便于开发人员直接查阅。
– 颜色与字体信息：自动提取并显示选中元素的十六进制颜色值、字体名称、字号及行高等属性。
– 间距测量：可快速测量任意两个图层之间的间距，并显示具体数值。
– 切图标注：配合切图功能，为输出资源提供清晰的尺寸与命名参考。

使用方法

1. 安装插件：从官网或 Sketch 插件市场下载并安装 Sketch Measure。
2. 选择元素：在 Sketch 画布中选中需要标注的图层或组。
3. 执行标注：通过菜单栏或快捷键（如 `Ctrl + Shift + M`）调用标注功能，插件会自动生成尺寸线与数值。
4. 导出规范：点击“Export”按钮，选择 HTML 或 PDF 格式，保存标注文档。
5. 查看结果：开发人员可在浏览器或 PDF 阅读器中打开导出的文件，获取完整的设计规范。

产品价格

Sketch Measure 提供 免费版本，包含基础的标注与导出功能。高级功能（如批量导出、自定义样式等）需通过 付费订阅 解锁，具体价格请参考官网最新公告。部分历史版本可能已开源，用户可自行下载使用。

应用场景

– UI 设计交付：设计师完成界面设计后，使用插件生成规范文档，方便开发人员还原设计稿。
– 团队协作：在设计评审或交接阶段，提供清晰的尺寸与颜色标注，减少沟通误差。
– 组件库维护：为设计系统中的组件添加统一标注，确保多人协作时的一致性。
– 移动端适配：快速测量不同屏幕尺寸下的间距与元素比例，辅助响应式设计决策。

内容由AI生成，实际功能由于时间等各种因素可能有出入，请访问网站体验为准