Figma导出PNG背景不透明是因启用了“Include bounding box”选项,需关闭该设置;若图层含阴影等效果,应禁用该选项并改用“Export selection”;或用Frame容器精确限定导出区域。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在Figma中导出PNG切图时发现原本应透明的背景变为白色或不透明,且已确认图层本身无填充、无背景矩形,则问题很可能源于Export面板中“Include bounding box”选项的误启用。该设置会强制将图层外扩至其边界框范围,并可能引入不可见的填充区域,导致透明度被覆盖。以下是针对性排查与修复的操作步骤:
一、检查并关闭“Include bounding box”选项
该选项默认关闭,但若曾手动开启或通过插件/批量导出流程触发,会导致导出区域扩大并隐式填充背景色(尤其在含描边、阴影或模糊效果的图层上),从而破坏Alpha通道完整性。
1、在左侧图层面板中选中需导出的目标图层(确保其已启用Export开关)。
2、查看右侧属性面板底部的“Export”区域,找到格式下拉菜单右侧的齿轮图标(Settings)。
3、点击齿轮图标展开导出高级设置,定位到“Include bounding box”复选框。
4、确认该复选框处于未勾选状态;若已勾选,立即取消勾选。
5、重新执行导出操作(File → Export → Export selection),验证PNG背景是否恢复透明。
二、验证图层实际渲染边界是否含隐藏填充
Figma中某些效果(如Drop Shadow、Background Blur、Stroke)虽视觉上不显色,但会扩展图层的逻辑边界,当“Include bounding box”开启时,系统会将整个扩展区域纳入导出范围,并自动补全背景像素,造成透明失效。
1、保持目标图层被选中,在右侧属性面板中逐项检查“Effects”、“Stroke”、“Constraints”等模块。
2、对任意启用的Drop Shadow或Background Blur效果,临时关闭其开关,观察图层缩略图尺寸是否明显缩小。
3、若关闭某效果后图层边界收缩,说明该效果是导致bounding box扩大的主因。
4、在不关闭效果的前提下,确保“Include bounding box”始终为关闭状态,并改用“Export selection”而非“Export visible”进行导出。
三、使用Frame容器隔离导出区域
当图层自带复杂效果且必须保留“Include bounding box”逻辑(如需适配特定插件工作流)时,可主动构造精确边界,避免Figma自动计算失真。
1、在画布中新建一个Frame(快捷键F),尺寸严格匹配目标图层的可视内容区域(可通过按住Alt拖动图层边缘读取实时尺寸)。
2、将目标图层拖入该Frame内,并设置其约束为“Left & Top”以固定位置。
3、选中该Frame,在右侧Export区域启用Export开关,格式设为PNG,分辨率设为1x。
4、导出时仅选中该Frame,不勾选其内部图层的Export开关,执行“Export selection”。
5、此时导出范围完全由Frame定义,不受内部图层效果扩展影响,透明背景得以完整保留。











