拒绝 AI Coding 焦虑

[daifee]

被贩卖 AI Coding 焦虑了！

微博关注的 2 位程序员博主，天天发 AI Coding 内容，看起来无所不能。 自我感觉还在石器时代工具，产生焦虑，然后发帖求教（ https://www.v2ex.com/t/1147408#reply5 ）

今天他俩都发了 Figma MCP 的内容。 博主 A：内容看起来是复制过来的（肯定没有实践过） 博主 B：贴出了使用截图，感叹 100%还原设计图效果（肯定是习惯性夸大；或者是很简单的页面）

注意：

• 不要拒绝、抗拒 AI Coding ，用了很长时间，真真实实的提效，感觉离不开了（代替了 google, strackoverflow ）。
• web 开发用 Gemini cli + Figma MCP ，个人体验效果有 90% 完成度。但需要经验、技巧

[fushall]

我也感觉离不开了 :( 可恶，最开始明明想当手搓代码仙人的

[loarland]

在算法方面 AI 已经超过我了！

[hellodigua]

现在焦虑的确实是前端岗位在被大规模的替代，AI 在前端开发方面优势太强了，导致前端不再需要那么多人了

[dssxzuxc]

@hellodigua #3 确实，我几个月前离职想找纯前端的岗位，但是 boss 找了一圈没有一个自研的纯前端岗位，只能继续玩后端。假如一个项目需要 6 后端+4 前端，在 AI 时代可以砍掉 3 个前端 2 个后端保持差不多的开发效率，甚至因为精简人员减少了代码审阅成本效率反而提升不少。前端的护城河太浅了，那点东西玩不出不可替代性，等 web 前端开得差不多接下来就是客户端，笑到最后的是嵌入式。

[SGL]

在生产力革新面前唯一的选择就是赶快上车

[fms86]

@hellodigua 不只是前端，后端 算法 产品 设计都受影响

[hellodigua]

@fms86 只要是脑力劳动行业基本都会有影响，但是目前看起来 AI 行业最成功的还是 AI coding 类产品，其中前端相关的又恰好是 AI 最喜欢在每次发布和评测用来演示的，所以感觉相对来说对前端的冲击更大一些

[askfilm]

@daifee @hellodigua AI 大模型那么不稳定的东西， 要尝试很多次才能出现一个比较接近的东西（这要花钱很多钱）， 然而这个不完美的东西，最后的完善谁去做？ 要修改这个东西，谁来改？

难不成还让 AI 来完善来修改？ 接着试错接着花钱？ 接着完善来修改？

[kneo]

少看博客 。特别要少看那种频繁更新的博客，因为不但质量不能保证，还容易被潜移默化。

[SwaggyMacro]

牛逼的用 AI 只会更牛逼，但并不代表菜逼用了能变牛逼

[qcgzxw]

Figma MCP 你真用过就会发现写出来的东西货不对版

[daifee]

@qcgzxw 用 Gemini-cli 或 Claude code ，必须要有图片分析能力（ Qwen code 当时测试缺少图片分析能力，就没法用）

提示词（建议包含要求）：
1. 按选中的设计稿生成页面，要求高度还原设计图视觉效果。
2. 技术栈：React, Next.js, Tailwindcss ；
3. 只需支持移动端

第 1 条是核心：它会调用 Figma MCP 的 get_code, get_image 2 个工具得到“HTML 代码”、“设计截图”，然后生成高还原度的页面。

不能用 mini, flash 之类的模型，我用 gemini-2.5-pro 。

v 站不能上传图片，但你可以通过另外方式验证：gemini, claude 网页版上传“设计截图”，生成页面（可得到 60% 以上还原度）。MCP 通过 get_code 补充信息，再次大幅提升还原度

[qcgzxw]

@daifee #12 可能如果是 react 和 vue 会还原更加精准吧，我写 arkts 是会差特别多，不过基本的框架能对上。
设计稿也是用 figma make 的 ai 生成的
客户端 cursor ，模型指定：claude-4-sonnet

[daifee]

@qcgzxw @askfilm 看这个 demo 项目
https://github.com/daifee/vibe-coding-web

实践 Demo：用 AI 生成 Web UI ，高度还原设计图。

主要工具：

- Gemini CLI(gemini-2.5-pro)
- Figma MCP(beta)

输出内容：

- 生成的 3 个页面
- “生成页面”提示词
- 提示词执行历史（没有调优过程）