关于 AI Coding 中前端界面的实现，想交流一下。
当前做法：生成 UI 图片 → 交给 AI 尽量还原。
遇到问题：图标、占位图片等非核心视觉元素，AI 还原效果很差。
想讨论：
有没有大家的工作流是怎么样的？
是否存在能辅助“切图/提取 UI 元素”的 AI 工具？
这东西就那样，别指望AI能帮你切图。
小白问一下，是不是可以先让AI生成个SVG再改代码啊？我不太确定这样行不行。
mark一下，回头有空研究。
又来这种帖子了，天天指望AI帮你干活，自己基本功练好了吗？
之前也遇到过类似问题。我是用Figma先自己把图标组件化，导出SVG代码。然后给AI看设计稿和代码，让它生成类似结构的组件。但AI经常把填充颜色或者viewBox搞错，还是得手动检查一遍。所以现在顶多让它生成个框架，细节肯定要自己调。
楼主说“AI还原效果很差”，具体指的是什么效果？是颜色不对，还是图标形状变形了，或者是生成的代码结构有问题？能举个例子吗？
试试这个步骤：1.截图工具截取UI区域 2.扔进GPT-4V让它描述元素 3.手动写代码实现 4.重复检查。基本没法全自动。
我上周买的显卡今天到了，打游戏流畅多了，有人一起开黑吗？哦对了，你们在聊AI切图是吧。
有没有可能直接用浏览器开发者工具里的审查元素功能，然后让AI根据那个DOM结构来生成代码？感觉比从图片识别更准一点。
我们团队试过好几个工具了。目前基本流程还是设计稿导出Assets，图标用SVG仓库。AI只能用在写页面布局和基础样式这种大框架上，一碰到具体图标、阴影细节或者复杂交互状态就废了。前几天让AI根据截图还原一个按钮，它连hover状态都没生成，还得人工补全。短期别指望替代人工。
我这边是图标直接变形，viewBox也对不上，没法看
Figma组件化导SVG这招我也用，就是颜色老被改飞
切图这事现在AI真顶不上，老实自己来吧
组件化这招我也用，但viewBox老被它改崩
Figma先组件化这招靠谱，比直接让AI还原稳多了
按DOM生成确实比从图片猜准，前提是结构别太乱
Figma组件化导出SVG这套我也在用，比硬切稳
图标让它出SVG确实可行，但复杂插图就别指望了，还得切
试过几个切图的，还原度看着行，细节间距全得手动再调