上传设计图

上传设计图

Figma 中上传设计图

启动插件

第一步:在 Figma 中打开 「 Moonvy · 月维」插件Figma 菜单 > Plugins 插件 > Moonvy · 月维

上传设计图

  1. 在 Figma 里,选中要上传的画板;

  2. 选择 「保存位置」

  3. 点击 「上传按钮」

😊 上传完成后,就可以 「复制链接」 分享给你的小伙伴了

设计图倍数会默认选择 iOS 1x(设计倍数如何选择

如何在 Figma 中设置切图

Sketch 中上传设计图

启动插件

第一步:在 Sketch 中打开「Moonvy · 月维」插件,Sketch 菜单 > 插件 > Moonvy · 月维
快捷键 cmd L

上传设计图

  1. 在 Sketch 里,选中要上传的画板;

  2. 选择 「保存位置」

  3. 点击 「上传按钮」

😊 上传完成后,就可以 「复制链接」 分享给你的小伙伴了

设计图倍数会默认选择 iOS 1x(设计倍数如何选择

如何在 Sketch 中设置切图

即时设计中上传设计图

启动插件

第一步:在「即时设计」中打开「Moonvy · 月维」插件,工具条 > 插件 > Moonvy · 月维

上传设计图

  1. 在「即时设计」里,选中要上传的画板;

  2. 选择 「保存位置」

  3. 点击 「上传按钮」

😊 上传完成后,就可以 「复制链接」 分享给你的小伙伴了

设计图倍数会默认选择 iOS 1x(设计倍数如何选择

如何在 即时设计 中设置切图


插件功能

设计倍数

指定当前设计图使用的「设计倍数」与「目标平台」。
通常情况下 Figma 或 Sketch 等设计工具默认都是以 1 倍图进行设计的。目标平台会决定查看标注时的单位、代码、切图名称等默认参数。

切换保存位置

设计图存储需要确定三个位置

  • 团队 : 团队里可以有多个项目
  • 项目 : 项目中有多个文件夹
  • 文件夹 :文件夹可有子文件夹,并且可以多层级嵌套

如果你是前蓝湖用户,这里的文件夹相当于蓝湖的项目

在插件中可以新建项目和文件夹
如果要设置图标或更方便的进行文件管理,请前往 Moonvy 月维网站

SVG 切图设置

  • SVG 切图: 切图导出 SVG 格式,(注意:位图类型的切图,不支持生成 SVG 格式)

  • SVG 轮廓化字体: 切图里包含文本内容时,轮廓化会将文字转换成路径。(不会影响设计源文件)

插件常见问题

Figma 插件上传设计图,网页上未显示

现象 Figma 插件上传完成后,点击「前往查看」没有反应。

解决办法

  1. 插件左下角「退出账号」登录,登录后重新上传
  2. 更换网络,如果使用了「科学网络」请关闭后,重启插件再上传

以上 2 个办法仍然未解决问题,欢迎随时联系我们

Figma 插件上传设计图报错

现象上传过程中有红色的报错提醒

解决办法

新建一个 Frame 再上传,如果新 Frame 可以上传自己原来的设计图无法上传,就是设计图里面有特殊的图层导致的,可以自行排查删除可疑的图层再次上传,或者与我们联系

Figma 插件授权登录失败

如果你的网络使用了「科学上网方式」请关闭,确保可以正常访问月维网站moonvy.com,然后重新点击插件授权登录。

也可以将我们的域名加入不走代理的配置中

*.moonvy.com
moonvy.com
moonvy-file-cn.oss-cn-beijing.aliyuncs.com

示例:

@@*.moonvy.com
@@moonvy.com
@@moonvy-file-cn.oss-cn-beijing.aliyuncs.com