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