目前有没有能辅助前端"切图"或提取 UI 元素的 AI 工具？

[erjinzhi]

关于 AI Coding 中前端界面的实现，想交流一下。

当前做法：生成 UI 图片 → 交给 AI 尽量还原。

遇到问题：图标、占位图片等非核心视觉元素，AI 还原效果很差。

想讨论：

有没有大家的工作流是怎么样的？

是否存在能辅助“切图/提取 UI 元素”的 AI 工具？

[jmliang]

同问，目前用 GPT 生成的 UI 都很漂亮，但是想应用到代码上还是比较麻烦

[abel533]

使用 ComfyUI + SAM （ Segment Anything ）不仅完全可以实现提取指定 UI 元素，而且是目前本地化自动化切图、提取图标的极佳方案。

[sjzjams]

draw-ui — AI UI Design Skill 可以看看这个

[PC9528]

figma 里面有一个 Isolate object in image 相信就是你要找的功能

[cslive]

codex 这种 agent 都可以啊，装浏览器插件，写完之后自己会看效果

[JackMaMa]

目前我尝试 images 2 生成的图，把图丢 claude 里去切，还原个 7 成左右吧

[jacketma]

看来编程圈搞出来的产品 UI 丑这个毛病，AI 界也难逃魔咒啊

[erjinzhi]

@JackMaMa 这个能忍么？感觉不完全还原就是很丑，风格也差点意思

[JackMaMa]

@erjinzhi 低成本目前只能先接受了，等待更好的方案。

[teaguexiao]

图标这类元素直接把 SVG 文件丸给 AI 效果远好于截图，让它根据 SVG 生成 icon 组件；整体布局的话试试截 Figma 的单个组件而不是整屏，准确率高很多。

[wu67]

我直接截图整个设计稿, 丢给他叫他还原

[lovepocky]

figma 可以取到原始数据, 而不是截图

[erjinzhi]

@teaguexiao 设计是让 chatgpt 做的，只让他提供了图片格式的。我试试生成 svg 的