设计图标注

让团队成员快速查看设计图标注

通过 Figma、Sketch 等设计工具产出的设计图，上传到「月维」生成具有充分细节的规范文件，并与你的团队成员共享。让你的团队成员无需使用其他工具，在一处交付你的设计。不再因为 Figma 网速太慢，而拖延等待。

准确的设计还原

同类工具中还原最准确的标注工具，即使是其他工具无法正确识别的复杂设计图，也能生成正确的标注。

全面的标注类型支持

设计元素的位置、大小、填充、文本、描边、效果、切图，以及组件信息和多种代码样式支持，获取到数据并准确显示出来。

多样的图层选择方式

除了单击选中图层，还可以按住Shift 选中多个图层一起查看间距及尺寸信息。
在「资源」面板下还可以按住 Shift 框选多个切图。

支持百分比模式

并且按住Alt 切换到按百分比作为单位显示长度与大小。

强大的画布视图

在画布视图展示设计图逻辑同时可以添加备注或便签；让设计图保持与设计工具中的一样的位置布。

清晰展示设计意图

你可以自由的在画布里对设计图间的关系进行组织梳理，还可以添加「连线」、「文字卡片」、「外部链接」、「评论」等，把设计意图清晰的展示给他人。

可视化展示文件资源

在画布里除了设计图，还可以同时呈现文件、文件夹等各种不同类型资源。让你可以用可视化的方式组织更多内容。

文字卡片

在画布中可以添加文字卡片，通过标题和描述内容，让逻辑展示更丰满。卡片有多种样式可选，并提供不同尺寸选择。

多种视图自由切换

「画布视图」可以随时切换到「图标视图」和「分组视图」，在合适的场景使用适合的视图。

丰富的代码支持

最全的开发单位支持

除了常用的 pt、px、dp、sp 单位，「月维」还支持小程序的 rpx、响应式设计中会用到的 rem、 vh、vw 单位。

快速复制文本

在设计图中选中图层后按 Ctrl + C 即可复制图层中的文本，无需去属性面板复制。并且支持多选，让复制设计图中的文本变得非常简单。

快速复制代码

点击代码即可复制当前行代码。

预览「颜色」代码

代码面板中的颜色代码前会有预览色块，让你更清晰的识别代码中的颜色，尤其是渐变。

自定义设计图尺寸

不用修改设计图，可以在「月维」上修改参数来重新定义设计尺寸，比如要将 375 × 812 的实际图按 750 × 1624显示标注，可以选择在「选择开发平台」面板中选择 「像素 × 2 」 来实现。有更复杂的需求可以在 「自定义宽度」 中设置。

一键显示全部图层

查看整体结构

同时显示全部图层的框架，快速了解设计图的整体结构。

快速找到切图图层

切图图层会标记上「红色的虚线框」，你可以通过按住 A 快速的查看设计图中的全部切图。

选中被遮盖的图层

如果设计图非常复杂，有的图层会在另一些图层之下，按住 A 后图层会根据尺寸重新排序，以便选中被遮盖的图层。

缩放习惯选择

按场景选择缩放方式

滚动优先 ：适合长图的浏览，滚动是向上下浏览内容
缩放优先 ：适合频繁缩放看细节，开发具体内容可以使用该缩放方式。

识别重复切图

自动标记重复切图

重复的切图会被标记 重复（根据图片内容智能判断），这样下载时就可以轻松忽略掉重复的切图，不用手动挨个检查。

多格式切图导出

丰富的导出格式

支持 PNG、JPEG、WEBP、SVG、PDF 满足工程开发的需要。

多种尺寸倍数导出

提供多种平台的多种倍数一起下载

iOS ：@1x、@2x、@3x
Android ：ldpi、mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi
Web：1x、2x、3x

直接复制图片代码

除了通过文件下载切图，你还可以直接复制图片，通过 复制 SVG 代码、复制图片内容 、 复制 Base 64、复制 DataURL 方便的粘贴到代码中或者其他设计工具里直接使用，省去了下载再导入的步骤。

自定义同名切图覆盖方式

如果设计图里包含相同名称的切图时，可以指定覆盖的规则：

保留：切图名称自动添加序号，不覆盖原有切图
覆盖：相同名称的切图只保留一个

PNG 切图压缩

下载时压缩图片，减小文件体积

「月维」集成了 PNG 图片压缩的功能，可以在下载时自动压缩 PNG 图片，减小文件体积，比起使用其他工具减少了操作流程更加方便快捷。

自定义压缩参数

提供不同的压缩参数，适配不同使用场景。

快速压缩：体积减少 40% 左右，压缩时间短，画质有轻微损失视觉对比不明显；推荐
无损压缩：体积减少 15% 左右，压缩需要时间长，不损失画质；
极限压缩：体积减少 50% 左右，需要时间最长，画质有损失。

复制 SVG 代码

复制内容到剪贴板，快捷复用

支持复制 SVG 代码、图片内容、Base 64、DataURL 到剪贴板，在你的设计工具、文档工具、开发工具、聊天工具里粘贴即可，省去了下载再导入的步骤。