Moonvy-SPEC
  • 🌕从这里开始
  • 🚀快速入门
  • 🤔常见疑问
  • Figma 插件
    • 🎛️安装插件
    • 🖼️上传设计图
    • 🔪设置切图
    • ⛓️切图继承
  • 设计图标注
    • 📐查看标注
    • ⬇️下载切图
  • 管理设置
    • 💌邀请成员
    • 😀个人设置
    • 🗂️文件管理
  • 常见问题
    • 😅运行常见问题
      • 其他工具兼容问题
  • 视频
    • 🎇视频教程
  • 更新记录
    • Web 应用更新记录
    • Figma 插件更新记录
  • 🌖联系我们
  • Moonvy 服务条款
  • 数据隐私安全
由 GitBook 提供支持
在本页
  • 为了更好的使用体验,帮助文档已迁到新网址 前往「帮助」
  • Figma 设置切图的方法
  • 方法一:给图层添加「 Export 导出 」
  • 方法二:添加 Slice 切片

这有帮助吗?

  1. Figma 插件

设置切图

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

上一页上传设计图下一页切图继承

最后更新于2年前

这有帮助吗?

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

Figma 设置切图的方法

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

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

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

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

方法二:添加 Slice 切片

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

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

隐藏切图范围

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

英文:Figma > View > Show slices

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

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

🔪
👉
😁
👉
前往「帮助」
添加的 Slice切片图层最好手动和目标内容成组,方便下次找到