type
status
date
slug
summary
tags
category
icon
password
URL
💡 我的感受
过去,AI 工具在我心中仅仅是能快速生成一些通用模板代码的工具,这非常好用。但它们生成的代码在前端领域实在太粗糙、太缺乏美。然而,Gemini 3 的出现,让我意识到 AI 虽然可能不理解什么是“美”,但它完全可以抄袭——复刻任何一个好看的 UI 界面,变得异常简单。
一、Gemini 3 的惊人复刻能力
Gemini 3 本次最核心的突破,在于它实现了前端 UI 的完美复制能力。
我们只需将目标 UI 的截图或图片交给 Gemini 3,它生成的代码在视觉上几乎能与原 UI 完全吻合。这种高度的保真度是先前模型难以企及的。这种效果令人惊叹(Amazing),我严重怀疑 Google 在训练模型时,是否偷偷加入了某种美学评估机制,让模型必须追求视觉上的绝对一致性。
二、做出一个好看的UI到底有多难
在 Gemini 3 出现之前,要获得一个美观的前端界面,通常只有两种选择:
1. 有钱的跪求UI设计师
传统的定制设计需要 UI 设计师反复修改设计稿,然后由前端工程师进行**“像素级复刻”**。这种流程的效率极低,这也是为什么 UI 和前端工程师常常因为一两个像素的偏差而争论不休的根本原因。
2. 没钱的用开源组件
另一种方式是使用现成的组件,但这需要你在灵活性和统一性之间做取舍:
- 低层级组件模板(如 Shadcn/TailwindCSS): 优势是选择多,可组合性高。但缺点是缺乏统一的风格约束,你需要具备较强的设计整合能力,否则容易导致界面风格混乱。
- 大而全的框架(如 Ant Design/Element UI): 优势是风格统一,开发效率高。但缺点是 UI 过于标准化,容易让用户产生视觉疲劳。
三、Ant Card :设计的门槛在于审美
以 Ant Card(一个开源的将文字转化为精美图片的工具)为例,大约是一个月前,我为了测试GLM4.6开发的一个产品。当时是基于 Claude Code 开发的,技术核心是将 Markdown 渲染到 Canvas。
Ant-Card
Rpeng666 • Updated Nov 17, 2025
整个开发过程要多久呢?一个晚上而已,主体功能非常简单:写文字,渲染为Markdown,导出为图片。由于文字编辑器相关的项目在GitHub上漫山遍野,因此AI做一个出来易如反掌。
最终的产品效果嘛,只能说勉强满意,功能都能跑通,但是作为一个“好看的卡片”为产品定位而言,这个产品说实话谈不上好看,UI卡片怎么搞都不够吸引人,而设计出一个漂亮的卡片,我连怎么清晰描述都很困难,在和GLM4.6对话了好久之后,我选择放弃。
当时我的结论就是:这类产品的门槛,核心在于美学和审美能力。
如果想要一个好看的卡片,只有两种方式:
- 依赖大模型生成: 在 Gemini 3 出现前,大模型对文字排版和渲染天然不友好。想要美观的输出,要么需要投入大量精力去设计复杂的 Prompt,要么需要耗费时间进行反复“抽卡”。
- 依赖模板约束: Ant Card,流光卡片,MD2Card,Anth Design,Element UI都属于这一类,设计模板相当耗时耗力,AI也不擅长这个,苦逼木讷的程序员更不知道怎么描述美
三、Ant Card 再升级,好看的UI也有了,但是我准备不再投入时间
Gemini 3的这次升级,我隐约感受到了UI的门槛似乎又被拉低了,有人用一张微信截图几乎完整复刻了微信的UI(微信这个UI十分板正,其实也没啥挑战性),那么以美感为卖点的产品,是否也可以完美复制呢?
所以我又投入了1h的时间,去把吃灰的Ant Card再交给Gemini 3重新设计。这一次,我不再尝试描述什么是好看,什么是美,要改什么像素,换成什么背景,我直接截图复制,发送给Gemini,然后后台挂着去看YouTube视频。
效果如下:

最上面的是我第一次使用CC的时候,和GLM4.6鸡同鸭讲才实现的效果,不算难看,但是也说不上好看。



后面的是Gemini3自己看图写的,效果还是比较惊艳的。
我不清楚流光卡片,MD2Card的作者设计这些卡片的UI用了多久的时间,但是Gemini3简单截图复刻,只用了三十分钟。这两个以美学卡片为主打卖点的产品,就这样被Gemini3轻易复制了,让我感到一丝震撼。
目前Ant Card的主体功能已经完善了,但是我不想再花时间再在这类模板产品上,因为Gemini3复制他们轻而易举,没有意义。此外,最近很火的Nano Banana 2在文字/图表/图形函数上面的渲染能力也达到了突破,已经可以秒杀这类模板产品了。
而我现在也终于能够体会,当chatGPT能够生成吉普力风格图像的时候,日本动漫协会的内心的感觉,不过他们还不算完全被冲烂门槛,因为动漫是好看的角色 + 动人的故事,吉普力风格是解决了生成好看的角色的问题,但是好看的和动人的故事还没有。
四、暴论:设计美学将不那么值钱
到最后,我认为普通人凭借 Gemini 3 依然设计不出一个超级漂亮的前端UI。
原因很简单:普通人很难描述**“什么是美”和“怎样才好看”**,胡乱描述只会浪费token。
但是普通人想抄一个美的UI还是非常容易的,截图交给Gemini3一比一抄就行了,所以Ant Card一类以美感为卖点的产品,我认为将没有任何价值,因为设计出一个好看的卡片风格可能要半天的时间精力,但是复制给Gemini只要1分钟。
这意味着,一个优秀的 UI 设计稿,将会被 Gemini 3 以极低的成本和极高的效率复制,并迅速泛滥,这将会是一个设计不再那么值钱的时代
- 作者:假维斯
- 链接:https://airouter.me/article/gemini3-ant-card
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

.webp?table=block&id=29d6498c-e5c2-81db-8e4b-e244bef7a08e&t=29d6498c-e5c2-81db-8e4b-e244bef7a08e)
.webp?table=block&id=29d6498c-e5c2-8142-95cf-f25aa5bf7c3c&t=29d6498c-e5c2-8142-95cf-f25aa5bf7c3c)
.webp?table=block&id=29d6498c-e5c2-8139-99e4-ddc3616fb5c9&t=29d6498c-e5c2-8139-99e4-ddc3616fb5c9)
.webp?table=block&id=2a46498c-e5c2-8010-8707-c47c3e574613&t=2a46498c-e5c2-8010-8707-c47c3e574613)



.webp?table=block&id=2a46498c-e5c2-803f-a528-d55d2aaf203b&t=2a46498c-e5c2-803f-a528-d55d2aaf203b)