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

这有帮助吗?

  1. Figma 插件

上传设计图

上一页安装插件下一页设置切图

最后更新于2年前

这有帮助吗?

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

上传步骤

1.启动插件: 在 Figma 软件中右键菜单「 Plugins(插件)」→ 「Moonvy 月维 」启动插件;

2.浏览器授权登录:按提示操作即可;

3.上传:选中 Frame,插件会显示对应 Frame 名称,点击「上传」即可;

4.查看:上传完成后打开链接;或者前往切换到对应的项目文件夹,即可看到上传内容。

切换文件保存位置

切换团队项目:打开项目选择器,可以切换项目、新建项目等操作

切换文件夹:打开文件夹列表,选择或新建文件夹

如何选择设计倍数 ?

设计图倍数默认设为: iOS ~ 1x

设计倍数的作用

作用一:确定1倍切图的尺寸,以1倍为基准自动导出 2倍、3倍等多尺寸切图。

作用二:查看设计标注时,确定初始时的平台和倍率。

简单说就是让【设计图的像素】 对应 【开发平台的尺寸标准】

具体的设计图像素(单位: px)

使两边对应

开发平台

375 x 667

=

iOS · 1x

375 x 812

=

iOS · 1x

414 x 736

=

iOS · 1x

750 x 1334

=

iOS · 2x

750 x 1624

=

iOS · 2x

828 x 1472

=

iOS · 2x

360 x 640

=

Android · mdpi (1x)

720 x 1280

=

Android · xhdpi(2x)

1080 x 1920

=

Android · xhdpi(3x)

2160 x 3840

=

Android · xxxhdpi(4x)

1440 x 1024

=

Web · 1x

1440 x 900

=

Web · 1x

1280 x 720

=

Web · 1x

1920 x 1080

=

Web · 1x

2880 x 2048

=

Web · 2x

2560 x 1440

=

Web · 2x

设计倍数如此重要的作用,那我们该如何选择呢?

举例说明

Figma 软件提供的创建的尺寸都是 1 倍尺寸

🖼️
🎲
🌰
👇
🍭
👉
👉
🎯
🗒️
前往「帮助」
Moonvy 网站