figma中导出png/jpg切图需先启用图层导出设置，再通过单独导出、批量导出或“export all”插件实现；导出jpg时须预设背景色以避免黑边。

如果您在Figma中完成设计后需要将图层或组件导出为PNG或JPG格式的切图，但找不到导出入口或导出结果不符合预期，则可能是由于导出设置未正确配置或未选择目标图层。以下是实现单独导出与批量导出的具体操作步骤：

一、确认图层具备导出能力

Figma仅允许被标记为“可导出”的图层或帧执行导出操作。未选中“导出”开关的图层将无法生成切图文件。

1、在左侧图层面板中，右键点击目标图层（如矩形、文本框、组件实例或Frame）。

2、在弹出菜单中选择“导出设置…”，或直接点击图层右侧出现的“+”号导出按钮。

3、在右侧属性面板底部“Export”区域，勾选“Export”复选框。

4、在下拉菜单中选择格式：PNG、JPG、SVG或PDF；默认分辨率为1x，可手动修改为2x或3x。

二、单独导出单个图层为PNG/JPG

该方式适用于仅需输出一个图标、按钮或特定元素的场景，导出动作即时触发，无需额外运行脚本或插件。

1、在画布中选中目标图层（确保其已启用导出设置）。

2、点击顶部工具栏右侧的“File” → “Export” → “Export selection”（快捷键Ctrl+E / Cmd+E）。

3、系统弹出保存窗口，选择本地文件夹，输入文件名，确认格式为PNG或JPG，点击“Save”。

4、导出完成后，对应图像文件即保存至指定路径，背景透明度按图层实际状态保留（PNG支持Alpha通道，JPG强制白色背景）。

三、批量导出多个图层或页面中的切图

当项目包含大量图标、状态组件或页面级切图需求时，可利用Figma原生批量导出功能一次性处理多个带导出标记的图层，无需逐个点击。

1、按住Ctrl（Windows）或Cmd（Mac），依次点击图层面板中所有需导出的图层，或框选包含多个可导出图层的Frame。

2、右键任意选中图层，在上下文菜单中选择“Export selection”。

3、在导出弹窗中，每个图层将显示独立条目，可分别调整格式、缩放倍数及文件名前缀（如“icon-home@2x.png”）。

4、点击“Export all”，Figma将按命名规则生成多个独立文件并保存至同一文件夹。

四、使用“Export All”插件实现跨页面智能批量导出

对于分散在不同页面（Page）中的图层，原生功能无法跨页选取，此时需借助社区插件自动识别并导出所有启用导出的图层。

1、点击Figma左上角“Resources” → “Plugins” → 搜索“Export All”，安装并启用该插件。

2、返回设计文件，点击顶部工具栏“Plugins” → “Export All” → “Run plugin”。

3、插件自动扫描全部页面，列出所有已启用导出设置的图层，并显示格式、尺寸与目标页面信息。

4、勾选需导出的图层项，点击“Export selected”，选择保存位置，确认导出。

五、导出JPG时强制统一背景色的设置方法

JPG格式不支持透明背景，若导出结果出现意外黑边或灰底，需在导出前显式定义画布背景色，否则Figma默认以黑色填充透明区域。

1、选中待导出的Frame或组件，确保其“Background color”已设置为所需颜色（如#FFFFFF）。

2、在右侧属性面板“Export”区域，将格式设为JPG，分辨率设为1x/2x/3x。

3、执行导出操作（单独或批量），导出后的JPG文件将严格使用所设背景色填充原透明区域。

4、如需保留透明效果，请务必改用PNG格式并确保图层本身无遮挡背景色图层。