大家好,我是微尘。
一名 UI 设计师,也是一名正在探索 AI 与设计结合的独立开发者。
过去一年,AI 图像生成技术快速发展。
设计师已经可以通过一句描述,快速生成各种元素:
科技感元素 UI视觉素材 3D模型 光效元素 装饰组件 氛围背景
但新的问题也随之出现:
AI 生成出来的图片,如何真正进入设计流程?
01
AI生成很快,但落地仍然困难
例如:我通过 AI 生成一个科技感能量球。
效果很好:
光晕漂亮 细节丰富 氛围感强
但是放到 Figma 里:它通常只是一个完整图片。
如果想用于设计,我需要:
❌ 手动抠背景❌ 手动处理发光区域❌ 手动重绘透明效果❌ 手动调整元素层级
···
虽然可以借助一些 AI 抠图工具 但是抠图效果并不理想,更多时候识别不到内部空间,要么去掉了内部背景,要么去的不彻底,要么去的很拉垮。
最终:AI节省的时间,又被后期处理消耗掉。
超实用,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 生成的视觉资产中,重新组合创造。
04AI 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 设计之间的智能资产转换工具。
夜雨聆风

