🔪设置切图

在设计图上,设置好切图上传到 Moonvy 月维,工程师就可以下载切图资源了

为了更好的使用体验,帮助文档已迁到新网址 前往「帮助」

Figma 设置切图的方法

方法一:给图层添加「 Export 导出 」

👉 选中目标图层在右侧信息面板里添加「Export(导出)」,切图就设置成功了。

切图添加成功后,打开 Moonvy 插件,上传即可;工程师就可以下载 iOS 和 Android 的多倍数切图了。

Moonvy 上传设计图时,会自动计算切图的其他倍数,不用自己再次手动设置。

方法二:添加 Slice 切片

图层尺寸和需要切图的大小不一致时,可以使用 Slice 切片的方式

👉 顶部菜单栏「Slice(切片)」快捷键:S 点击后手动拖拽一个区域,即成功创建了切片切图。

添加好切图之后,上传到 Moonvy月维工程师就可以下载 iOS 和 Android 的多倍数切图了😁

添加的 Slice切片图层最好手动和目标内容成组,方便下次找到

切片切图的方式设计图上会被切图影响视觉;

隐藏切图范围

中文:Figma 菜单 > 查看 > 显示切片, 取消勾选即可隐藏切图范围

英文:Figma > View > Show slices

最后更新于

这有帮助吗?