🖼️上传设计图
最后更新于
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 倍尺寸