2026 才准备开始用 ai 写代码，有个疑问请教一下

之前因为没有什么必要，一直没有用 ai 工具 vibe coding ，都是古法手搓 + chat 的方式使用 ai

最近听说公司接了个新项目，貌似是甲方催得非常急，公司给开发报销 ai 的费用让我们开始用 ai ，大概是年后开始正式实施吧。

有个比较不理解的地方，比如说 cursor ，是如何帮助前端还原 ui 稿的呢？截蓝湖的图片给 ai ，ai 能还原出来吗？还是说有别的方式？

twofox

2 月 9 日

按照我的经验，cursor 能够按照截图实现个大概而已。很多细节都是对不上的。

样式细节都是要手动调的。

不过好像有 figma 插件，能够对接 figma ，但是我没用过。

至于业务逻辑的实现，则是非常强。比如说点这里需要有个弹窗、调接口需要传什么参数，都可以安排的明明白白

laved

2 月 9 日

截图是无法做到还原的，像还差不多，想要百分百还原还是要手动调整，毕竟有些切图之类的东西你不提供 ai 也是最多给你做个占位，关键是想做到还原，prompt 也不好写

截图比较方便，但是如果想要还原的好还是得上 MCP

ShaoYuanNuo

2 月 9 日

figma 或者 pencil ，这两个都可以还原的比较高，仅是样式。我一般是 ide+cli,ide 画页面，cli 定义好 skills 和相关规则写具体的逻辑

surfwave

2 月 9 日

公司有前端，就让前端去弄啊。你如果没搞过前端，最好自己学一下，完全依靠 AI ，后续需要频繁调整前端页面会比较麻烦。

xiaomushen

2 月 9 日

1.不要追求 100%还原，如果要追求，20%要手写调试
2.功能点大概满足就行，项目如果复杂，细抠依然消耗人力
3.搞定甲方，意思就是：凑合着接收签字就行了

以上

coldmonkeybit

2 月 9 日

@laved 如果是这样的话，还需要截图吗，还是样式部分就全部自己还原算了，哈哈

coldmonkeybit

2 月 9 日

@surfwave 我就是前端，不过我们业务 ui 不是大头，主要是二三维视觉部分占大部分开始周期，但也需要写 ui 就是了

foryou2023

2 月 9 日

做前端 ui 的话，用 opus 4.6 基本能还原 90% 以上，看过评测，ui 还原这方面还是 opus 比 codex 强很多

wu67

2 月 9 日

我真的很想问一下用 cursor 的, 那些快捷键绑定那么恶心, 为什么你们用得下去? 连方向键和退格键都给劫持了, 完全没法手动改...

kakki

2 月 9 日

Figma MCP 接上就行.现在用 AI 开发,最好的流程是先产品原型然后直接出活,最后再来设计边边角角.细节给效率让路.

BornThisWay

2 月 9 日

@kakki 不行因为 ui 的 figma 本身也不会很规范 ui 分组元素也不一定就是前端想要的效果
----
要求不高可以要是 toC 并且要求高的样式就别想了写了还是得全部自己调一遍

SayHelloHi

2 月 9 日

用 AI 写的代码后期维护有点累

因为不是自己写的初看代码都不晓得写的是啥

上周刚刚修复了去年用 AI 写的代码（真的一点印象都没）

laved

2 月 9 日

@coldmonkeybit #9 如果你是蓝湖的话还是 c 端项目的界面的话建议还是老老实实自己画算了（在我看来调 css 很难受哈哈），figma 的话可以考虑去用一下他们的 MCP ，我是公司用的蓝湖所以我也没研究过 figma 的 MCP

USNaWen

2 月 9 日

我司是 AI 写出原型，交互和逻辑 OK 之后整个 MVP ，相关方认为可用后转实际的前后端调整和接入工作。

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

https://v2ex.ih06.com/t/1191653

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

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