哪个模型 前端UI 还原更好-不科学测试。

martin 2026-05-11 15:26 1

最近正好有一些前端UI需要新建,就试了一下现在一些主流大模型对于UI的还原,并做了一下简单的测试。并在此记录一下。

1.codex 5.5 拉完了。完全不按照提示词,识图完全自由发挥,UI还原不会再使用了。50% 还原度

2.claude opus-4.7 npc 视图能力一般,比codex稍强,不用mcp 基本上也是基本能用 68% 使用了 analyze_image 分析 能达到78%

3.gemini gemini-3.1-pro-preview 人上人。 能比较好的还原UI的样式部分 ,但是内容还原不是很理想。(一个表单,很多列的顺序不对,筛选栏的内容也错了几个),但是UI的样式还原还是不错。能达到80%

4 GML-5.1 + GLM-analyze_image 。人上人。算是最省心的一个方案了。ui还原度高,内容也基本能对。就是一些组件间的对齐和一致性还是有些问题。但是也可能是提示词没有太详细。88左右%


样式上最好还是使用figma的mcp工具,样式上基本上都可以一把对。这次因为没有给figma 只能用蓝湖上的截图来还原。这个也是一家之词。也只是对于UI的还原的非科学测试。具体业务代码,还是codex和opus 更好用一些,不过glm5.1 也算可以一用了。

最新回复 (11)
  • makle 05-11 15:52
    1

    正在经历这种痛苦,多端是最痛苦的,figma只产出react的代码,并且用不上你想用的组件库,代码就是一坨,目前只有感觉opus稍微好一点

  • ChesterYuan 05-11 16:26
    2

    佬在做UI还原时,是读图还原?还是读什么还原?我现在还是人工识图,告诉他我期望的布局逻辑,然后自己微调。

  • 淡云 05-11 16:33
    3

    我现在在写微信小程序,也是直接用的 figma 的 mcp,把 UI 图链接发个他就能生成了,样式能还原个 80%

  • Donyzh 05-11 16:33
    4

    analyze_image



    这个analyze_image是什么呀佬友,是skill吗还是什么

  • 彼方 05-11 16:52
    5

    gpt-5.5 试试配合 ui-ux-pro-max,有奇效

  • makle 05-11 16:55
    6

    你需要自己把控代码质量,不然贼 容易拉一坨,而且要给它加上约束。优先使用组件啥的,才能好一点。

  • Yostia 05-11 17:02
    7

    感觉和技术栈也有关系,我自从把blazor前端换成react以后感觉各方面的生成内容都优质很多

  • martin 楼主 05-12 09:51
    8

    如果有设计稿让读设计稿,没有设计稿读原型。figma

    的还原度是最好的。

  • martin 楼主 05-12 09:53
    9

    glm 自带的mcp 用来读图的。

  • martin 楼主 05-12 09:54
    10

    感谢佬 我去了解一下。感觉chatgpt 生图这么厉害,为啥识图这么拉,不科学。

  • lioreio 06-16 08:15
    11

    本来以为claude前端能力挺强的,看来还是草率了

* 帖子来源Linux.do
返回