关于 AI Coding 中前端界面的实现，想交流一下。
当前做法：生成 UI 图片 → 交给 AI 尽量还原。
遇到问题：图标、占位图片等非核心视觉元素，AI 还原效果很差。
想讨论：
有没有大家的工作流是怎么样的？
是否存在能辅助“切图/提取 UI 元素”的 AI 工具？
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 153 days ago, the information mentioned may be changed or developed.
 |
jmliangJun 2
1
同问，目前用 GPT 生成的 UI 都很漂亮，但是想应用到代码上还是比较麻烦
|
 |
abel533Jun 2
2
使用 ComfyUI + SAM （ Segment Anything ）不仅完全可以实现提取指定 UI 元素，而且是目前本地化自动化切图、提取图标的极佳方案。
|
 |
sjzjamsJun 2
3
draw-ui — AI UI Design Skill 可以看看这个
|
 |
PC9528Jun 2
4
figma 里面有一个 Isolate object in image 相信就是你要找的功能
|
 |
csliveJun 2
5
codex 这种 agent 都可以啊，装浏览器插件，写完之后自己会看效果
|
 |
JackMaMaJun 2
6
目前我尝试 images 2 生成的图，把图丢 claude 里去切，还原个 7 成左右吧
|
 |
jacketmaJun 2
7
看来编程圈搞出来的产品 UI 丑这个毛病，AI 界也难逃魔咒啊
|
 |
teaguexiaoJun 2
10
图标这类元素直接把 SVG 文件丸给 AI 效果远好于截图，让它根据 SVG 生成 icon 组件；整体布局的话试试截 Figma 的单个组件而不是整屏，准确率高很多。
|
 |
wu67Jun 2
11
我直接截图整个设计稿, 丢给他叫他还原
|
 |
lovepockyJun 2
12
figma 可以取到原始数据, 而不是截图
|
 |
13
@teaguexiao 设计是让 chatgpt 做的，只让他提供了图片格式的。我试试生成 svg 的
|
Select Language