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

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

准确的设计还原

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

全面的标注类型支持

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

多样的图层选择方式

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

支持百分比模式

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

更多专业标注功能

  • 多种开发平台切换
  • 代码类型支持丰富
  • 组件信息支持
  • 切图继承
  • 识别重复切图
  • PNG 切图压缩
  • 鼠标缩放模式切换
  • 显示全部图层框
  • ...

我们目前支持以下设计工具:

还有这些工具的支持即将到来:

  • Adobe Photoshop
  • Adobe Illustrator
  • MasterGo 莫高设计
  • Pixso
  • Spline

强大的画布视图

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

清晰展示设计意图

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

可视化展示文件资源

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

文字卡片

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

多种视图自由切换

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

对开发语言的全面支持

  • Web
    CSSCSS in JSCSS in HTMLTailwindUnoCSS

  • Android 安卓
    Android XML

  • iOS 苹果
    iOS SwiftiOS Objective-C

  • Qt 桌面/嵌入式
    Qt Style Sheets

最全的开发单位支持

除了常用的 ptpxdpsp 单位,「月维」还支持小程序的 rpx、响应式设计中会用到的 remvhvw 单位。

快速复制文本

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

快速复制代码

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

预览「颜色」代码

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

自定义设计图尺寸

设计图尺寸可以在「月维」上重新定义,而不用去设计工具中修改。

比如要将 375 × 812 的实际图按 750 × 1624显示标注,可以选择在「选择开发平台」面板中选择 「像素 × 2 」 来实现。有更复杂的需求可以在 「自定义宽度」 中设置。

查看整体结构

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

快速找到切图图层

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

选中被遮盖的图层

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

按场景选择缩放方式

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

自动标记重复切图

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

丰富的导出格式

支持 PNGJPEGWEBPSVGPDF 满足工程开发的需要。

多种尺寸倍数导出

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

  • 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 64DataURL 到剪贴板,在你的设计工具、文档工具、开发工具、聊天工具里粘贴即可,省去了下载再导入的步骤。

现在开始使用 Moonvy 月维

开始更好的管理并交付你的设计