首页 / Figma 图片分层
Figma Workflow

把一张图拆成可直接拖入 Figma 的透明 PNG 图层

如果你的目标是做海报、封面、电商视觉或二次排版,核心不是“抠出一个主体”,而是把前景、中景、背景拆成可独立编辑的素材。LayerCraft 适合解决这类图片分层场景。

什么是 Figma 图片分层

Figma 图片分层,指的是把一张合成图拆成多个带透明背景的 PNG 图层,每个图层代表一个语义层次,例如人物、商品主体、前景装饰、背景环境或文字承载区域。

这样做的价值在于,设计师不需要从零手动抠图,也不需要把所有元素固定在同一张位图里。拆层后,每一层都可以在 Figma 里独立缩放、重排、加蒙版、叠滤镜或重新组合版式。

适合哪些设计任务

电商主图和详情页视觉,需要把商品、人物和背景拆开重排。
活动海报和封面设计,需要保留主体但替换背景和装饰元素。
社媒封面和短视频首帧,需要把视觉元素拆成可复用素材。
灵感图二次创作,需要快速提取画面中的可编辑层次。

实际工作流

Step 1

上传原图

优先选择主体和背景关系清晰、层次对比明确的图片。人物、商品、插画封面通常比纯纹理图更适合分层。

Step 2

生成透明图层

系统先识别画面语义层次,再输出多张透明 PNG。常见结果是前景主体、中景元素、背景层,有时还能继续再分层。

Step 3

导入 Figma 排版

把每张 PNG 分别拖入 Figma。此时每层都可以独立移动、裁切、模糊、加阴影或作为后续版式组件的素材源。

LayerCraft 的输出重点

输出透明 PNG,而不是只给一张抠图结果。
按画面层次拆分,而不只是做单主体去背景。
支持对某一层再次分层,适合复杂图继续拆解。
更贴近设计工作流,而不是单纯图像处理工具。

什么时候效果最好

主体和背景边界清晰。
画面本身存在明显前后层次。
元素之间没有大面积极端重叠。
你后续确实要在 Figma 里重新排版,而不是只做一次性导出。

和普通抠图的区别

普通抠图通常只回答一个问题:主体怎么抠出来。图片分层回答的是另一类问题:这张图里有哪些可独立操作的视觉层,后续怎么进入设计流程。

如果你需要的是设计可编辑性,而不是单次去背景,分层通常比单主体抠图更有价值。