乐于分享
好东西不私藏

告别手动抠图拆层,这个 Figma 插件让 AI 到 UI 更直接

告别手动抠图拆层,这个 Figma 插件让 AI 到 UI 更直接

大家好,我是微尘。

一名 UI 设计师,也是一名正在探索 AI 与设计结合的独立开发者。

过去一年,AI 图像生成技术快速发展。

设计师已经可以通过一句描述,快速生成各种元素:

  • 科技感元素
  • UI视觉素材
  • 3D模型
  • 光效元素
  • 装饰组件
  • 氛围背景

但新的问题也随之出现:

AI 生成出来的图片,如何真正进入设计流程?

01

AI生成很快,但落地仍然困难

例如:我通过 AI 生成一个科技感能量球。

效果很好:

  • 光晕漂亮
  • 细节丰富
  • 氛围感强

但是放到 Figma 里:它通常只是一个完整图片。

如果想用于设计,我需要:

❌ 手动抠背景❌ 手动处理发光区域❌ 手动重绘透明效果❌ 手动调整元素层级

···

虽然可以借助一些 AI 抠图工具 但是抠图效果并不理想,更多时候识别不到内部空间,要么去掉了内部背景,要么去的不彻底,要么去的很拉垮。

这是 figma 自带 AI 移除背景功能示意,仅去除外部了背景

最终:AI节省的时间,又被后期处理消耗掉。


插个题外话
前段时间在小红书有分享过 用 AE 去除黑背景的方法,那是针对视频和图片的方法,感兴趣可以移步看看,希望有帮助。

超实用,AI动效素材去黑背景神仙技巧! 众所周知,在... http://xhslink.cn/o/7FDjsQcPPvB 来【小红书】发现这篇笔记的精彩~


02

所以,我做了这款插件

AI Layer Extractor

一个面向 Figma 工作流的 AI 去背景插件。

它的目标不是简单去掉背景。

而是:让 AI 生成的视觉内容,更快成为设计师真正可用的设计资产,更快速地进入创作流程。

- 传统流程:AI生成图片 → 打开PS处理/或其他三方 AI → 手动抠图工作→ 重新导入Figma → 开始设计——效率较低

- 新的流程:AI生成 > AI Layer Extractor自动提取主体(保留光效/透明/细节)> 开始设计

减少重复劳动力

03

AI负责创造,我负责设计

我认为未来设计方式会发生变化。

AI并不会替代设计师。

它更像一个:

无限产出的视觉素材助手。

AI负责:

  • 创意探索
  • 视觉生成
  • 快速尝试

设计师负责:

  • 信息结构
  • 视觉布局
  • 交互体验
  • 最终表达

设计师不再需要从零开始绘制所有元素。

而是:

从 AI 生成的视觉资产中,重新组合创造。


04
AI Layer Extractor 做了什么?
-

01|智能去除背景

针对 AI 生成图片常见的问题:

例如:黑色背景 + 发光物体 + 光晕效果

传统工具容易:

  • 把光效一起删除
  • 边缘出现锯齿
  • 透明效果丢失

插件希望:

在去除背景的同时,尽可能保留:

✨ 发光✨ 半透明区域✨ 边缘细节✨ 视觉氛围

02|直接服务 Figma设计流程

设计师不需要:生成图片 → 下载 → 处理 → 上传

而是:在 Figma 内生成素材 → 快速处理 → 直接排版设计 → 减少工具切换。

-

设计实测:元素创作式设计

所有元素均 AI 生成,我只负责布局搭建即可


05

AI Layer Extractor 已发布 figma 社区,期待使用反馈。

✨ 可以找我要测试码喔

产品正在持续优化:

  • 去背景效果
  • 细节保留能力
  • Figma交互体验
  • AI视觉理解能力

如果你也是:

  • UI设计师
  • Figma用户
  • AI设计探索者

欢迎关注后续更新。


持续探索:

✨ AI × UI设计✨ Figma插件开发✨ 设计效率工具✨ 下一代设计工作流

未来,希望做更多:

让设计师更专注创造,而不是重复操作。


AI Layer Extractor

AI负责生成,设计师负责创造。

AI Layer Extractor:连接 AI 生成与 Figma 设计之间的智能资产转换工具。

回首页,搜索你想要的文档

在首页搜索框输入关键词,快速定位资料

文库首页搜索指引 立即搜索

相关学习资料