# 上传设计图

### 为了更好的使用体验，帮助文档已迁到新网址 [前往「帮助」](https://moonvy.com/blog/post/Moonvy%E6%9C%88%E7%BB%B4%E5%B8%AE%E5%8A%A9%E6%96%87%E6%A1%A3/%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B/)

### 上传步骤

**1.启动插件：** 在 Figma 软件中**右键菜单「 Plugins（插件）」→ 「Moonvy 月维 」**启动插件；

**2.浏览器授权登录：**按提示操作即可；

**3.上传：**选中 Frame，插件会显示对应 Frame 名称，**点击「上传」**即可**；**

**4.查看：**上传完成后打开链接；或者前往[ Moonvy 网站](https://moonvy.com/)切换到对应的项目文件夹，即可看到上传内容。

### 切换文件保存位置

:point\_right: **切换团队项目：**打开项目选择器，可以切换项目、新建项目等操作

:point\_right:**切换文件夹：**打开文件夹列表，选择或新建文件夹

### ![](/files/xoiYjOMUYAlKTya4Rhms)

### :dart: **如何选择设计倍数 ？**

{% hint style="info" %}
设计图倍数默认设为： **iOS \~ 1x**
{% endhint %}

#### :notepad\_spiral: **设计倍数的作用**

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

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

#### :game\_die: 设计倍数如此重要的作用，那我们该如何选择呢？

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

:chestnut: `举例说明`:point\_down: 

| **具体的设计图像素（单位: 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             |

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

![](/files/-MaCn0QB0v50gqbhoPc2)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://moonvy.gitbook.io/moonvy-spec/figma-plugins/cha-jian-shang-chuan-she-ji-tu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.