Figma 如何把单个 Frame 导出为 PNG：导出面板、倍率选择与文件核对

做设计稿切图时，最容易出错的不是点击导出，而是选错对象：如果把页面里的图层或空白画布当成目标，下载出来的 PNG 尺寸就会和预期不一样。Figma 网页端导出单个 Frame 的稳定路径是：选中 Frame，打开右侧 Export，添加 PNG 配置，确认倍率和预览，再点 Export，最后核对下载文件。

步骤一：先确认选中的是 Frame

打开目标 Figma 文件后，在画布上点击需要交付的 Frame。左侧图层树中应出现对应的 Frame 名称，画布边缘也会出现选中边界。不要一开始就点空白处，否则 Figma 会把当前页面画布当作导出范围；也不要只选中 Frame 里的一个文字层，那样得到的会是局部对象。

如果右侧出现 2 Selected，说明当前选中了多个对象，应回到画布或图层树只保留目标 Frame。下面的官方界面图同时展示了 Can edit access 和 Can view access 下的 Export 区域：两种权限都可能看到导出入口，但查看权限下可用选项会受文件所有者设置影响。

步骤二：从右侧 Export 添加 PNG 配置

保持 Frame 选中，沿着这条路径操作：右侧属性栏 → Export → 加号（+）。添加配置后，格式默认会显示在 Export 行中；点击格式下拉框，选择 PNG。PNG 适合需要保留透明背景、文字和图形边缘的设计稿，若只是照片类素材，才考虑 JPG。

把倍率保持为 1x，适合 Frame 本身就是交付尺寸的情况。需要给高清屏准备更大位图时，把倍率改为 2x，但不要把倍率当作无损放大工具：它只会按当前 Frame 尺寸重新栅格化。

步骤三：预览、导出并核对文件

1. 检查范围：确认 Export 行中的名称对应目标 Frame，倍率显示 1x 或你明确选择的倍率。
2. 打开预览：点击 Export 区域的 Preview，查看透明区域、文字边缘和是否有邻近对象误入画面。多对象同时选中时，预览可能不可用，这时先只选一个 Frame。
3. 执行导出：点击 Export 按钮。浏览器会将 PNG 放到浏览器设置的默认下载目录；桌面应用则会进一步询问保存位置。
4. 验收文件：打开下载目录，核对文件名是否包含 Frame 名称，图片尺寸是否等于 Frame 尺寸乘以倍率，透明背景是否仍然透明。

看到下载完成提示，且文件尺寸与预期一致，就是这次操作的可见成功状态。若文件名不对，先回到图层树重命名 Frame，再重新检查 Export 行，不要在下载目录里反复改名掩盖选错对象的问题。

三个容易踩坑的地方

右侧没有 Export

先确认确实选中了对象，再刷新文件页面。如果仍然看不到，可能是文件所有者限制了查看者复制或导出；这不是 PNG 格式本身的问题，需要让文件所有者调整权限。

导出的画面多了一块相邻内容

检查 Export 设置中的 Ignore overlapping layers。它用于让导出尽量只包含选中的对象；如果 Frame 内部有故意超出边界的装饰，也要结合预览确认最终裁切是否符合设计意图。

PNG 太大

先把倍率恢复到交付所需的最小值，再检查 Frame 是否包含大面积照片或复杂阴影。不要为了压缩体积直接改成 JPG，透明背景和细小文字可能因此损失。

相关问题

可以一次导出多个 Frame 吗？

可以多选对象后统一导出，但这已经是批量任务，文件名和每个对象的导出配置需要单独核对。本文的单个 Frame 路径更适合交付一个明确页面或组件。

1x 和 2x 应该怎么选？

以交付尺寸为准：Frame 已按目标像素建立时用 1x；需要更高像素密度时再用 2x，并在下载后核对实际尺寸。

最后确认

单个 Frame 导出 PNG 可以压缩成四个动作：选中目标、右侧 Export 加 PNG、预览确认、下载后核对尺寸。只要每一步都能看到对应的界面状态，就不容易把页面画布、局部图层或错误倍率带进最终文件。