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

17 小时 13 分钟前
 dickeylth

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

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

2175 次点击
所在节点    程序员
42 条回复
mumbler
17 小时 1 分钟前
25 年都过去三分之二了,还在怀疑 vibe coding 的能力,别人说不好你就继续刀耕火种吗
dlmy
16 小时 53 分钟前
前端早就能 vibe coding ,后端还是要费点功夫,要把需求拆成极小的单元任务块才行。

公司的祖传项目用 DDD 重构时,面对项目中总数高达 27w 行的存储过程,cursor 都冒烟了也毫无办法,只能靠人工一个一个的拆。
dickeylth
16 小时 43 分钟前
@mumbler 我没有怀疑,是实际遇到一些 case 发现并不好解决,想请教下看看大家的经验,你怎么就能断定我在刀耕火种呢?如果你有实际的效果特别满意的 case ,可以分享下经验,不要纸上论道。
nanyong0627
16 小时 42 分钟前
@dickeylth 我觉得你不如把你的 case 发出来..
dickeylth
16 小时 40 分钟前
@dlmy 前端也有前端的痛,多模态可视化的能力目前看还达不到像素级精准还原的要求,figma MCP 也不完全是银弹(除非 Figma 和 PRD 质量都非常高),另外数据处理逻辑在复杂业务场景里也会很碎片化,交给 AI 要想干好,实测也需要很多上下文手把手的补充比如这里显示的数据从哪个字段取、面向展示需要做什么额外格式化逻辑等等
dickeylth
16 小时 40 分钟前
@nanyong0627 可以,上一条回复补充了
dickeylth
16 小时 31 分钟前
加一些具体描述以免讨论泛泛而谈:

1. 面向的是中后台依赖 Pro Code (源码开发)场景,对 UI 有一定高保真还原要求;
2. Figma 和 PRD 受个体差异质量无法要求,Figma MCP 返回的结构化数据里节点排列可能会和在 Figma 中看到的图比如顺序上有差异,PRD 中可能会混合前端和后端的需求;
3. 部分场景下针对已有功能的优化不一定有完整的 Figma ,可能产品会基于线上截图给一些调整后的效果图;而对于图像的 OCR 识别,现成的即使是最好的 Claude 系模型也还做不到像素级精确识别布局间距这些信息;
4. 接口返回字段和页面 UI 上的映射关系,就过往的开发模式依赖于前后端的沟通,存量的业务逻辑在有限的注释量下交给 AI 来消化
zuosiruan
15 小时 54 分钟前
ai 在前端就是无敌的存在
elmelloi
15 小时 18 分钟前
写后台这种有主流组件库的比如 antd 非常好用,你把需求描述清楚生成的基本可用。如果是 C 端自定义样式的组件,哪怕有 figma MCP 生成的效果也是一坨。
elmelloi
15 小时 16 分钟前
如果你只在乎功能可用,然后样式是基本美观的话,用 ai 工作效率非常高。但是样式交互定制化要求非常高的话,还是要手搓。我是这么认为的。
zhousystem
15 小时 5 分钟前
前端这个职业可以说已经废了。 即时是用 GitHub Copilot 里非常辣鸡的 GPT-5 min 写出来的落地页也非常的好。
MrGba2z
14 小时 56 分钟前
讲个这周的事情

SMS Forwarder 这个软件正式开始收费了

摸鱼半天写了个替代品侧载到自己手机上(没有一行代码是自己写的, 我也从没写过安卓)完美代替
MindMindMax
14 小时 54 分钟前
个人的体验:对于视觉要求(例如元素位置精度、动画效果)不高的 UI 基本上能搞定。
murmur
14 小时 54 分钟前
如果是手写 css 若一点,但凡你用那种助记词,ai 完爆初中级前端,你还得背助记词,ai 直接写的又快又好
littlebaozi
14 小时 34 分钟前
涉及一些复杂的业务逻辑,还不如自己想想写得快
weixind
14 小时 32 分钟前
你的感觉没错。

因为前端的反馈周期最短,浏览器就能直接运行,所以登上 “愚昧之巅” 的人最多。

现在设计稿的还原还处于“史密斯吃面”的初级阶段。

你可以生成一万个史密斯吃面,都是有两个眼睛一个鼻子,至于眼睛在哪鼻子在哪,属于管你这那的,就问你有没有两个眼睛吧。

对于设计稿还原,你直接盯着 figma 和 figma 插件的生态就可以了,真到可用的阶段,一定是最先反映到最前沿。
ShayneWang
14 小时 30 分钟前
如果还有机会换工作,面试的时候我只能说熟练编写各种 AI 工具提示词...
jones2000
14 小时 22 分钟前
1. 对于能力低的开发,AI 辅助编码是有用的,反正也不会写, 没有思路, 用了 AI 起码能把代码搞出来, 至于对不对,就看 AI 了。
2. 对于能力强的开发,AI 辅助编码比较鸡肋,如果描述少了,AI 就根据自己的思路逻辑写代码,可能跟你的思路不一样,这个时候就比较变扭了。如果把自己的思路描述很详细,其实跟自己写代码时间差不多,有时候用 AI 可能更费时间,你还要检查 AI 的代码是不是根据你的思路写的。
ryncv
14 小时 19 分钟前
cursor + claude4 。在公司已经几个月没有手写代码了。。
x86
14 小时 18 分钟前
现在真可以用嘴写代码了

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

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

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

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

© 2021 V2EX