让团队成员快速查看设计图标注
通过 Figma、Sketch 等设计工具产出的设计图,上传到「月维」生成具有充分细节的规范文件,并与你的团队成员共享。 让你的团队成员无需使用其他工具,在一处交付你的设计。不再因为 Figma 网速太慢,而拖延等待。
准确的设计还原
同类工具中还原最准确的标注工具,即使是其他工具无法正确识别的复杂设计图,也能生成正确的标注。
全面的标注类型支持
设计元素的位置、大小、填充、文本、描边、效果、切图,以及组件信息和多种代码样式支持,获取到数据并准确显示出来。
多样的图层选择方式
除了单击选中图层,还可以按住Shift 选中多个图层一起查看间距及尺寸信息。
在「资源」面板下还可以按住 Shift 框选多个切图。
支持百分比模式
并且按住Alt 切换到按百分比作为单位显示长度与大小。
更多专业标注功能
- 多种开发平台切换
- 代码类型支持丰富
- 组件信息支持
- 切图继承
- 识别重复切图
- PNG 切图压缩
- 鼠标缩放模式切换
- 显示全部图层框
- ...
强大的画布视图
在画布视图展示设计图逻辑同时可以添加备注或便签;让设计图保持与设计工具中的一样的位置布。
清晰展示设计意图
你可以自由的在画布里对设计图间的关系进行组织梳理,还可以添加「连线」、「文字卡片」、「外部链接」、「评论」等,把设计意图清晰的展示给他人。
可视化展示文件资源
在画布里除了设计图,还可以同时呈现文件、文件夹等各种不同类型资源。让你可以用可视化的方式组织更多内容。
文字卡片
在画布中可以添加文字卡片,通过标题和描述内容,让逻辑展示更丰满。卡片有多种样式可选,并提供不同尺寸选择。
多种视图自由切换
「画布视图」可以随时切换到「图标视图」和「分组视图」,在合适的场景使用适合的视图。
最全的开发单位支持
除了常用的 pt
、px
、dp
、sp
单位,「月维」还支持小程序的 rpx
、响应式设计中会用到的 rem
、 vh
、vw
单位。
快速复制文本
在设计图中选中图层后按
快速复制代码
点击代码即可复制当前行代码。
预览「颜色」代码
代码面板中的颜色代码前会有预览色块,让你更清晰的识别代码中的颜色,尤其是渐变。
自定义设计图尺寸
不用修改设计图,可以在「月维」上修改参数来重新定义设计尺寸,比如要将 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 图片,减小文件体积,比起使用其他工具减少了操作流程更加方便快捷。
自定义压缩参数
提供不同的压缩参数,适配不同使用场景。
- 快速压缩:体积减少 40% 左右,压缩时间短,画质有轻微损失视觉对比不明显;
推荐
- 无损压缩:体积减少 15% 左右,压缩需要时间长,不损失画质;
- 极限压缩:体积减少 50% 左右,需要时间最长,画质有损失。
复制内容到剪贴板,快捷复用
支持复制 SVG 代码
、图片内容
、Base 64
、DataURL
到剪贴板,在你的设计工具、文档工具、开发工具、聊天工具里粘贴即可,省去了下载再导入的步骤。