🖼️上传设计图

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

上传步骤

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

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

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

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

切换文件保存位置

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

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

🎯 如何选择设计倍数 ?

设计图倍数默认设为: 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 倍尺寸

最后更新于

这有帮助吗?