AI 辅助编码在实际业务前端落地效果如何?

1 天前
 dickeylth

AI Coding 新闻天天有,Demo 天花乱坠个个都是 SOTA 。

抛个实际点的问题,前端工程师们实际在 PC 中后台通过源码构建的场景,利用 Figma + AI 辅助( Cursor/Claude Code/...)完成业务需求的实际效果怎么样,能满足预期吗?有感觉比较满意的经验分享吗?

3142 次点击
所在节点    程序员
46 条回复
Chuckle
22 小时 33 分钟前
能搞定非业务的,比如让 ai 帮整个表单架子还是 ok 的,但是表单延申出来的动态逻辑控制、校验规则之类的,还是得靠人写,也就是还原产品 prd 里那些弯弯绕绕的逻辑。另外写工具也不是万能的,我最近在重构老页面,让 ai 帮我封装 antd 的 Formitem,支持双向字段映射,ai 写不出来,可能是因为没学过,我在网上也没搜到类似的实现。
SaiyZhao
20 小时 50 分钟前
UI 实现没问题,但是 vibe code 代码都是屎山,当然很多初级根本不明白屎山是什么。还是只能当工具用,不过整体代码效果比去年好很多了。
raolight
14 小时 12 分钟前
Ai 写逻辑和功能挺强的,拿来写设计稿 UI 就算了,别折磨自己🌚
shaojian0702
8 小时 44 分钟前
2c 的,只能生成大体结构,好多还是要自己写。正常业务逻辑可以写个架子,然后跟着调整,实现出来就是流水账。不想费脑子追求优雅的话,就当跟 ai 聊天了。
accelerator1
1 小时 16 分钟前
看一些回复就知道有些人对于前端的认知还在 html+js+css 的时代,感觉自己分分钟能 cover 一样,要是真能 cover ,干嘛不把前端的工资一起拿了,对吧全栈工程师

2B 的场景下,只要项目组件的接口/文档足够详细,完全可以让 AI 去做,大部分也能完美实现; 2C 的话,你要浪费不少 token 了,因为基本做不到你满意的效果(就 V2EX 上经常出现的 vibe coding 的产品页面,一股子 AI 味),v0 也做不到像素级还原,还是要自己一个细节一个细节的去对话调整(我的 cursor 60 刀套餐都是浪费在页面微调上了)。
cochlea
20 分钟前
作为深度体验以及准备转行到 AI 赛道的前端来说下,目前生成的效果完全取决于模型的效果,此外存在一系列问题,看你能不能接受
1. 设计图的还原度,结合 mcp 可以大概还原,但是对于一些复杂的设计图,随便举个例子来说例如大屏根本没办法写。
2. 对于多次迭代,一个项目最初通过 AI 来迭代,但是后续功能依然通过 AI 来迭代,来个几次你就会发现上下文不够,或者说改了一处另外一处出现问题
3. 对于提示词你需要结合业务来梳理,但是实际上这个过程非常的繁琐,因为如果你要效果好,就必须输入很详细,但是很详细真的很浪费时间,另外如果出现细微的错误,你依然要指点它如何排查,如何修改,这个过程也不会轻松
4. 对于我来说我有工程洁癖,必须按照最佳实践来写,但是问题在于 AI 的训练有时间节点,很多库或者调用都不会最新的可能,以前的写法都被废弃等。
5. BUG ,这个是最让人头疼的,就是莫名其妙的陷入一个问题出不来,你需要协助它来排查,甚至可能还要自己编码一部分,例如我有一个播放器的需求,让他生成一个音乐播放器,明确还原我的要求...但是最终生成的结构没有遵从样式,导致我需要自己来改。
6. 最重要一点就是,你如果不懂前端就根本没办法掌握 AI ,别人给你写的代码,你能读得懂吗,真的能定位出来问题吗?我持怀疑态度。
...

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1155747

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX