Gemini 3：设计能力超乎想象

我几乎没有任何使用Gemini 3.0 Pro的实际经验就进入了这个实验。几天前，我和一位来自DeepMind的工程师朋友一起尝试过——它让我感到惊讶——但我真的不知道当被要求设计东西时它究竟能走多远。

所以我决定测试它的极限。

在一次会话中，我让Gemini 3.0 Pro设计：

• 一个个人网站
• 一个完整的SaaS仪表板
• 一个受真实生产应用启发的移动应用

我不想过度设计提示词。我想看看Gemini在最少方向、真实参考图像和迭代反馈下会做什么。

接下来发生的事情真的让我震惊。

1、个人网站（Microsoft XP风格）

我从自己的网站开始。它的功能但很基础。我想要一些大胆、怀旧和令人耳目一新的东西——所以我给Gemini一个奇怪但有趣的方向：

"将我的个人网站重新设计，使其看起来像一个Microsoft XP体验。使用XP风格的UI、颜色和个性。"

我上传了当前网站的截图，然后在Google AI Studio中点击了构建。

Gemini立即开始搭建脚手架：

• metadata.json
• index.html
• tailwind.css
• React应用入口点

你实际上可以实时观看Gemini工作。就像看到一位初级设计师+初级开发者的混合体以超高速冲刺完成任务。

结果：

它产生了一个完全可用的XP主题网站——包括：

• 显示我的标语风格的记事本窗口
• XP风格的图标
• 像"关于Greg"、"Greg的信"、"指南"等假"应用程序"
• 干净的窗口组件、可拖动元素和功能性导航
• 从gregisenberg.com自动提取的内容

在移动设备上，它……能正常工作。这本身就让我震惊。

2、接收反馈

一些图标感觉不对，所以我给出了一个简单的批评：

"这些图标不像是真正的Windows/Mac应用图标。让它们更真实一些。"

Gemini迭代了。图标显著改善了——这是我第一次感觉像是在与一个可以按命令修改的真实设计师合作。

然后我使用了我最喜欢的功能之一：批注。

在预览中，我直接在白色背景上绘制并写道：

"这个白色背景很无聊。让它感觉像经典XP——蓝天、绿色山丘。"

Gemini立即更新了背景。它并不完美，但工作流程很顺畅： 参考 → 绘制反馈 → 改进 → 重复。

网站设计评分

9/10。这真的超出了我的预期。有几个参考图像，它就可以投入生产。

2、SaaS仪表板（Teenage Engineering风格）

接下来，我想看看Gemini能否设计一个现代仪表板。

我抓取了：

• 一张来自Dribbble的干净SaaS仪表板截图
• 一张Teenage Engineering的产品照片——我希望按钮模仿的氛围

然后我提示：

"为餐厅设计一个SaaS分析仪表板。干净、现代，带有受Teenage Engineering硬件启发的有物理感觉的按钮。"

没有深度的PRD。没有功能规格。只是氛围。

结果

Gemini设计的东西比典型的AI生成的UI更独特：

• 一个名为Chef OS的仪表板
• 一个实时的"AI分析师"模块（"14张活跃桌位、平均账单等"）
• 带有物理、硬件启发的美学按钮组件
• 令人愉悦的柔和色彩选择
• 微动画
• 实际上合理的布局层次

它看起来可出售——即使没有功能规格。

我可以拖动组件，触发"AI助手"面板，看看它是如何想象产品的动态效果的。

SaaS仪表板评分

8.5/10。一些细节需要完善，但起点感觉专业，而不是"LLM编码的Tailwind样板" 。

3、移动应用（Brain Rot → Fitness）

对于最终测试，我想看看Gemini能否在一个现有移动应用风格上进行即兴创作。

我上传了Brain Rot的App Store截图，这是我的朋友Yoni创建的一个美丽插图、游戏化的反成瘾应用。

然后我提示：

"设计一个名为Gains的移动应用。它应该感觉像Brain Rot但是针对健身。温暖的色彩、吉祥物、连续记录、游戏化、iOS风格的布局。"

我不知道Gemini能否处理移动特定设计结构。

结果：

它在Google AI Studio中创建了一个完整的移动原型：

• 一个对健身一致性做出反应的交互式吉祥物
• 连续记录系统
• 一个"Gains日历"
• 一个活动仪表板
• 记录UI（尚未功能化，但视觉清晰）
• 干净的排版和温暖的渐变选择

吉祥物设计惊人地连贯。有趣。在品牌上。不令人毛骨悚然。

移动应用评分

8.3/10。并不完美，但考虑到这只是一个带有粗糙上下文的提示，这惊人地接近。

4、AntiGravity vs. Gemini 3.0 Pro（设计模式）

Google最近推出了AntiGravity，基本上是Cursor竞争对手。它内部使用Gemini，但在我的测试中设计并不那么干净或高级。

如果你想要最好的设计结果：

• 直接使用Google AI Studio
• 上传多个参考图像
• 视觉注释
• 清晰反馈迭代

这给你最高质量的UX/UI输出。

5、结束语

在所有三个测试中——网页、仪表板、移动——Gemini始终产生：

• 连贯的设计系统
• 有意图的布局
• 有意义的调色板
• 交互组件
• 真实的应用流程
• 视觉和文本接收反馈的能力
• 同一工作空间中的代码和设计

我们已经明显进入了AI生成的应用不再看起来像紫色Tailwind模板的时代。

有了Gemini 3.0：

• 你的品味成为设计师。
• 你的参考成为设计系统。
• 你的批注成为协作。

如果你理解"好"是什么样子的，你可以通过几个提示和少数截图产生令人惊叹的UI。

工具不再限制创造力。

只有想象力会。

原文链接: I Tested Gemini 3 as a Designer. It's Terrifyingly Good.

汇智网翻译整理，转载请标明出处