有什么方式可以让AI根据图片快速实现前端页面嘛

问题描述：

今天公司开会提到用 AI 提效，其中组长要求以后他直接给我们一张截图（比如前端大屏啥的），然后我们用 AI 十分钟马上就给他实现出来，不是静态页面而是要能够用的工程代码
组长说我每次用 codex 生成的页面很丑样式和截图差距很大，并且花的时间很长；佬友们有什么好的方法么

网友解答：

---

--【壹】--：

有这种软件 也告诉我一声 现在达不到吧 做梦呢 如果能达到这个效果 高保真还原设计图 前端不是要下岗了？

---

--【贰】--：

google 的 stitch 可以，我之前用 gemini 3 pro 尝试好像效果都还行。

---

--【叁】--：

快分享下 哈哈~~

---

--【肆】--：

这不工贼吗

---

--【伍】--：

谷歌家的

Stitch - Projects

---

--【陆】--：

好东西，之前没见过啊

---

--【柒】--：

用mcp把Figma地址喂给codex试试呢

---

--【捌】--：

有的兄弟有的

---

--【玖】--：

好嘞佬，我待会试试

---

--【拾】--：

至于生成的效果以及还原的效果，那就要看你用的模型，以及你的页面复不复杂了…我实测是 Claude 的模型效果会好一些

---

--【拾壹】--：

最好的还是claude code ，其次gemini pro

---

--【拾贰】--：

一定要抵制提效，我们组有个不说话的孩子，技术宅男，老是给领导演示"AI太快了，AI太厉害了"。然后我们组要进行裁员了。说前端可做后端的活，后端可做前端的活。谁转型不成功就裁谁

---

--【拾叁】--：

上面发啦

---

--【拾肆】--：

这是准备裁自己吗

---

--【拾伍】--：

这个组长是设计出身还是研发出身,
设计出身让它现场演示一遍.10分钟,聊个天就过去了.

---

--【拾陆】--： thornboo:

说我每次用 codex 生成的页面很丑样式和截图差距很大，并且花的时间很长；佬友们有什么好的方法么

记得好像v0这个

---

--【拾柒】--：

佬，我能拿到的就是一张截图，不是 figma 那种设计图

---

--【拾捌】--：

试试 openspec + Claude code / Codex 的组合？或者试试先把截图在 figma、pencil 等设计软件中过一手，然后再通过 AI 生成试试？figma 我记得可以直接转代码。pencil 是会生成一个 pen 文件（json格式），并且应该都可以通过 mcp 直接调用。

---

--【拾玖】--：

开发没有高保真图看？用截图开发？