启用Pixel Snap并确保图层坐标、导出尺寸为整数,关闭Scale缩放,用Intersect布尔运算裁切边缘,矢量图需Outline Stroke后Flatten。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在Figma中导出切图后发现图像边缘出现透明白边,尤其是透明背景PNG在浅色或白色界面上显示异常,这通常与像素对齐(Pixel Snap)未启用或图层边界未精确落在整数像素坐标上有关。以下是修复此问题的步骤:
一、启用Pixel Snap并检查图层位置
Pixel Snap功能可强制图层边界、描边和变换操作自动吸附到最近的整数像素坐标,避免亚像素渲染导致的半透明边缘模糊与白边。关闭该功能时,图层可能停留在0.5px等非整数位置,导出后被抗锯齿处理,生成灰阶边缘像素。
1、点击顶部菜单栏的View → Pixel Snap,确保其前方有勾选标记。
2、选中存在白边问题的图片图层,在右侧属性面板中查看X 和 Y 坐标是否为整数(如 120、345),而非带小数(如 120.3、345.7)。
3、若坐标含小数,手动将X、Y值修改为最接近的整数,或按住Alt键拖动图层,临时禁用Pixel Snap进行微调后再重新启用并归位。
二、重设导出区域为整数尺寸并关闭缩放导出
Figma在导出非整数宽高(如200.6×300.2)或启用“Scale”参数时,会触发插值重采样,导致透明边缘混入背景色像素,尤其在Alpha通道过渡区生成灰阶值,视觉上呈现白边。
1、右键点击目标图层或切片(Slice),选择Export → Edit export settings。
2、确认Width 和 Height 值均为整数(如 512×512,而非 512.5×512);若为Auto尺寸,先手动输入整数宽高再回车锁定。
3、将Scale 设置为 1x,且不勾选“Include scale in filename”,避免导出流程引入缩放插值。
三、使用布尔运算清理边缘残留像素
当原始图像本身已含半透明边缘(如经RMBG-2.0处理后未完全收敛的发丝区域),仅靠对齐无法消除,需通过布尔运算强制裁切至硬边轮廓,清除亚像素灰阶。
1、使用Rectangle 工具(R)绘制一个与目标图层完全重合的矩形,确保其X/Y/Width/Height与图层数值完全一致(可通过复制图层尺寸粘贴到矩形实现)。
2、同时选中该矩形与原图层,在右键菜单中选择Boolean operation → Intersect。
3、执行后保留交集区域,此时图层边缘将被严格限制在整数像素框内,所有超出边界的半透明像素被裁去。
四、导出前应用“Outline Stroke”预处理
对部分因描边未闭合或路径存在微小间隙而漏出背景的矢量图形,可提前将其转为轮廓,消除路径级亚像素误差源。
1、选中问题图层(须为矢量形状或文字,非位图)。
2、右键点击,选择Outline stroke,将描边转为填充路径。
3、再次右键,选择Flatten selection,合并所有路径为单一无嵌套结构的矢量对象。
4、检查对象边界框是否仍为整数像素,必要时重复步骤一校准位置。


















