
Icons8 Background Remover
用 Icons8 Background Remover 在 Figma 中一键抠图并导出透明 PNG
介绍 Icons8 Background Remover 的两种使用形态(网页版与 Figma 插件),重点讲清在 Figma 中安装插件、对图层执行去背景、拿到透明 PNG 的完整流程,并补充不装插件时用蒙版与混合模式手动处理的办法,以及免费额度、批量处理等需要注意的地方。
Icons8 Background Remover 是一款用 AI 自动把图片主体从背景中分离出来的工具,输出透明 PNG。它属于 Icons8 这套设计资源生态的一部分,同一套素材体系里还有图标、插画、照片等资源。它主要面向两类人:一是在 Figma 里做界面稿、营销图的设计师,希望不离开画布就完成抠图;二是只需要偶尔处理几张图、不想装重型图像软件的用户。它有两种形态:网页版可以直接上传图片处理,Figma 插件则把去背景动作放进设计工具内部。如果你只是想快速处理一张图、不涉及 Figma 工作流,也可以先看看站内的 Icons8 Background Remover 工具页了解入口。
需要先说明一点:Figma 本身没有原生的去背景功能,所以要么借助插件,要么用蒙版、混合模式这类手动手段绕过去。下面按「插件流程 → 手动替代方案 → 完整示例 → 注意事项」的顺序展开。
准备工作
在动手之前,先把下面几件事确认清楚,能省掉后面很多来回。
- Figma 账号与桌面端或网页端:插件在 Figma 的 Resources(资源)面板里搜索安装,因此需要一个可以正常登录的 Figma 账号。团队如果对插件安装有权限限制,需要先确认自己有没有安装插件的权限。
- 待处理的图片素材:把要抠图的图片先放进 Figma 文件里,作为一个独立的图片图层存在。插件处理的是画布上选中的图层,而不是本地文件路径,所以图片必须先落到画布上。
- 明确输出用途:如果结果要用于界面稿、营销视觉,透明 PNG 是最常见的交付形态;如果只是想在某个纯色底上「看起来没有背景」,手动方案也能凑合,不必非得走 AI。
- 了解免费额度的边界:网页版对免费用户有图片处理数量的限制,插件形态在素材描述中是免费且不限图片数量的。具体额度、套餐与价格会调整,请以官网当前信息为准。
- 网络与账号状态:插件运行时需要联网调用 AI 服务,处理过程中不要关闭插件面板或刷新页面。
另外要建立一个预期:这类 AI 抠图对人物、商品、常见物体效果较好,边缘通常比较干净,适合做 UI 稿和营销图。但它不是精细到像素级的抠图工具,遇到半透明材质、细碎发丝、复杂边缘时,仍然需要人工修补。
操作步骤
第一步:在 Figma 中安装插件
打开 Figma,在顶部或侧边的 Resources(资源)入口里搜索 Icons8 Background Remover,找到对应插件后点击安装。安装完成后,插件会出现在你的插件列表里,之后每次使用都可以从插件菜单直接运行,不必重复搜索安装。
如果团队管理员关闭了插件市场,或者你的账号没有安装权限,这一步会失败。此时要么请管理员放开权限,要么直接改用后面「不装插件」的手动方案。
第二步:选中要处理的图片图层
回到画布,点选那张需要去背景的图片图层。注意是选中图片图层本身,而不是它所在的画板(Frame)或分组。如果图片被放在一个自动布局容器里,建议先确认选中的是图片填充所在的图层,避免插件拿到错误的处理对象。
第三步:运行插件并执行去背景
在插件列表里找到 Icons8 Background Remover 并运行,在插件面板中选择 Remove background(去除背景)。插件会把当前选中的图片交给 AI 处理,稍等片刻即可返回结果。
处理完成后,结果会以替换原图或叠加在原图上的方式出现在 Figma 画布中。也就是说,你不需要手动下载再重新导入,抠好的图直接落在原来的位置上,接着排版即可。
第四步:检查边缘并导出透明 PNG
结果回到画布后,先放大检查主体边缘:发丝、商品轮廓、细长部件这些位置最容易出问题。确认无误后,选中处理后的图层,在导出设置里选择 PNG 格式并导出,得到带透明通道的图片。
如果边缘有残留,可以在 Figma 里叠加一个蒙版图层做局部擦除;如果主体被误删了一小块,也可以把原图垫在下面、用蒙版把缺失部分露出来。插件负责粗活,收尾仍然靠设计工具本身。
不装插件时的替代方案一:用钢笔与蒙版手动抠图
有些团队出于安全考虑限制插件使用,也有人就是想要完全手动控制。Figma 没有原生去背景功能,但可以用矢量蒙版做出同样的效果,代价是更费时间。适合形状简单的对象,比如 Logo、几何图形、轮廓清晰的产品。
- 把图片放到画布上。
- 放大图片,看清主体边缘。从工具栏选择 Pen(钢笔)工具,或直接按快捷键 P。从图片底部开始点击创建第一个节点,沿主体轮廓移动并继续点击,逐步围出一圈闭合路径。
- 在右侧边栏找到 Fill(填充),默认填充色是灰色,保持即可。
- 去掉描边:在右侧边栏的描边属性旁点击减号图标,把 stroke 移除。然后在图层面板里把这个矢量图层拖到原图下方。
- 同时选中矢量图层和原图,在工具栏点击 Use as mask(用作蒙版)。这样蒙版外的部分就被裁掉了。
这条路径的优点是控制精确、不依赖任何外部服务;缺点是遇到复杂边缘(毛发、树叶、烟雾)几乎不可行,而且换一张图就要重画一遍。
不装插件时的替代方案二:调整填充与混合模式
如果图片本身是纯色背景,可以用混合模式「假装」去掉了背景,速度快得多。
- 选中图片图层。
- 进入 Fill(填充),把混合模式改成 Multiply(正片叠底)之类的模式。
- 把图片放到与背景色匹配的底色之上,纯色背景就会被压掉,视觉上和抠图接近。
这个方法只适用于背景单一、且最终呈现底色可控的场景。一旦背景有渐变、纹理,或者需要把主体放到任意背景上,混合模式就失效了,还是得回到真正的去背景流程。
一个完整示例
假设你要为一个商品详情页做一张主图:手头有一张白底拍摄的耳机照片,需要把它放到深色背景的版式里。下面是从头到尾走一遍的最小流程。
- 建文件、放素材:在 Figma 新建一个文件,把耳机照片拖进画布,作为一个图片图层。此时它带着白色背景。
- 安装插件:打开 Resources,搜索 Icons8 Background Remover,点击安装。
- 选中图层:在画布或图层面板里点选耳机图片图层,确认选中的是图片本身。
- 运行插件:从插件列表启动 Icons8 Background Remover,在面板中点击 Remove background。等待 AI 处理完成。
- 确认结果落位:处理后的透明图会替换或叠加在原图位置。此时白色背景消失,耳机主体保留。
- 检查边缘:放大到 200% 以上,重点看耳机头梁的细边、耳罩与线材交界处。若有少量白边残留,用蒙版局部擦除。
- 放入版式:把处理后的图层拖到深色背景图层之上,调整大小与位置,确认没有白色描边或半透明残留。
- 导出:选中该图层,导出设置为 PNG,导出透明底图片,交付给前端或运营使用。
如果同一批有十几张商品图,逐张走这个流程会比较慢。素材中提到批量处理属于付费方案的能力,网页版免费额度也有限制;具体能批量处理多少张、套餐怎么划分,请以官网当前信息为准。批量场景下,建议先确认额度再决定是走插件逐张处理,还是走网页版的批量入口。
注意事项
- 免费额度分形态计算:网页版对免费用户有图片处理数量限制,插件形态在素材描述中是免费且不限数量的。两者额度不通用,实际政策以官网当前信息为准。
- 插件依赖是双刃剑:插件让抠图留在 Figma 内部、减少工具切换,但也意味着你的工作流被绑定在插件上。团队禁用插件、插件下架或服务不可用时,需要能退回手动方案。
- 精细控制有限:AI 自动抠图给的是「够用」的结果,不是像素级可控的结果。半透明物体、细碎毛发、复杂边缘仍需人工修补,不要指望一次到位。
- 结果会改动原图层:处理结果以替换或叠加方式回到画布,操作前建议先复制一份原图图层留底,避免想回退时找不到原始素材。
- 手动方案有明确适用边界:钢笔加蒙版适合简单轮廓,混合模式只适合纯色背景。选错方法会白花时间,先判断图片类型再决定路径。
- 输出格式选 PNG:需要透明背景时必须导出 PNG,导出 JPG 会把透明区域填成白色或黑色。
- 价格与套餐会变:本文不列具体价格与配额数字,购买前请以官网当前信息为准。
把上面几条串起来看,Icons8 Background Remover 的价值在于把「去背景」这个动作压缩进设计工具内部,适合已经在 Figma 里工作、需要快速产出界面稿和营销图的人。而手动蒙版与混合模式这两条路,则是插件不可用时的兜底手段——它们更慢、适用面更窄,但在特定场景下依然有效。选择哪条路,取决于图片复杂度、团队对插件的限制,以及你对边缘精度的要求。