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.com

我抓取了:

  • 一张来自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)

App Store上的Brain Rot应用

对于最终测试,我想看看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.

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