# 设置切图

### 为了更好的使用体验，帮助文档已迁到新网址 [前往「帮助」](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/)

###

### Figma 设置切图的方法

### 方法一：给图层添加「 **Export** 导出 」

:point\_right: 选中目标图层在右侧信息面板里添&#x52A0;**「Export（导出）」，**&#x5207;图就设置成功了。

切图添加成功后，打开 Moonvy 插件，上传即可；工程师就可以下载 iOS 和 Android 的多倍数切图了。

{% hint style="info" %}
Moonvy 上传设计图时，会自动计算切图的其他倍数，不用自己再次手动设置。
{% endhint %}

![](/files/-MaCtg0YmRDHpOxTANuF)

### 方法二：添加 Slice 切片

图层尺寸和需要切图的大小不一致时，可以使用 Slice 切片的方式

:point\_right: 顶部菜单&#x680F;**「Slice（切片）」`快捷键：S`** 点击后手动拖拽一个区域，即成功创建了切片切图。

添加好切图之后，上传到 Moonvy月维工程师就可以下载 iOS 和 Android 的多倍数切图了:grin:&#x20;

![添加的 Slice切片图层最好手动和目标内容成组，方便下次找到](/files/-MaCtwz-y0E_4jAjxzDr)

{% hint style="info" %}
切片切图的方式设计图上会被切图影响视觉；

**隐藏切图范围**

中文：Figma 菜单  >  查看  >  显示切片，   取消勾选即可隐藏切图范围

英文：Figma  >  View  >  Show slices
{% endhint %}

![](/files/-MaCu4KkXRerntZCtuaw)


---

# 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/slice.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.
