Topics

体验 Google 推出的新型 AI 开发工具(IDE)"Antigravity"

  • column

2025年11月18日,Google公开了其最新的AI Google Antigravity。

之前写过关于Jules的文章(https://www.liberogic.jp/topics/20250602-jules/),这次有建议在比较两者差异的同时试一下Antigravity。虽然心想"那都是半年前的事了,我们都已经用Claude Code统一标准化了,为什么还要折腾!",但还是稍微体验了一下。

首先,请从官方网站(https://antigravity.google/download)下载适合你的设备的应用程序。

初始设置是英文,所以我用Google Gemini请教了一下。

Antigravity 初始设置

1. 导入设置(导入配置)

如果您使用 VS Code 等工具,系统会询问您是否要继承设置。

  • "Start Fresh"(从零开始)

    如果是初次使用,我们推荐这个方案。您可以从零开始。

  • 「从 VS Code 导入」(从 VS Code 继承设置)

    如果你平时使用 VS Code,可以继承你熟悉的快捷键等设置。

2. 选择你的主题(选择外观)

  • 「深色」(黑色系)或 「浅色」(白色系)

    随意选择。工程师大多倾向选择「深色」以保护眼睛。

3. 登录 Google(账户关联)

这是最重要的部分!点击蓝色的 「Sign in with Google」 按钮。

  • 浏览器(Safari 或 Chrome)会打开,请选择你的 Google 账户并点击「允许」。

4. 项目设置(在哪里工作)

当显示「打开文件夹」或「新建项目」时,选择你为测试创建的 test 文件夹。

  • 当系统用英文询问 "Trust the authors of the files in this folder?" 时,请勾选复选框,然后点击 "Yes, I trust the authors"。

🌍 将菜单设置为日语(完成)

完成到这一步后,就可以将英文菜单改为日语了。

  1. 按下键盘上的 Command + Shift + P(M1 Pro 会立即打开搜索窗口)。
  2. 在搜索框中输入 display language。
  3. 会出现 「Configure Display Language」 选项,请点击。
  4. 选择 「日本語 (Japanese)」。
  5. 系统会询问「是否需要重启(Restart)?」,点击按钮后,整个应用就会变成日语!

设置完成后,会显示这样的编辑器界面!

屏幕右侧是用于输入提示词的聊天栏。

即使最初输入提示词,实现也完全没有开始。

推出 Gemini 3.1 Pro!虽然有这样的说法,但切换到 Gemini 3 Flash 后就能用了!这次就简单尝试一下,不深入研究细节了!

我先尝试输入"制作一个简单的计算器应用"。

计算器应用实现方案

我们会为您制定这样的实现计划。批准后,index.html、style.css、script.js 等文件会依次生成。

完成后,它会自动打开浏览器,并进行验证和测试!

你的风格真不错!!

虽然我能理解到目前为止有多么厉害,但 Juels 和它有什么区别呢...我产生了疑问。

哇,太棒了!谢谢!顺便问一下,和 Jules 有什么区别吗?如果有容易理解的实现例子的话,希望你能创建一个!你也能像 Jules 一样制定任务、计划并进行实现,对吧?

感谢您提问 Jules 与我们的区别!

关键区别在于"对视觉设计的执着追求"和"代理程序本身进行的视觉操作验证"。

  • 设计: 我致力于提供标准的高端设计,不仅能正常运作,还能让用户「惊艳(WOW)」,包括最新的配色方案、玻璃态设计、动画等。
  • 验证能力: 实现后,我会亲自打开浏览器,以视觉方式确认并记录 UI 的损坏情况和操作感受。
  • 流程: 基于任务、计划和演练的框架,在推进工作的过程中,始终清晰地展示"现在在做什么,以及为什么要这样做"。

为了让您切身体验这一差异,我们计划创建一个设计高度精洗的"高级番茄工作法计时器"作为实现示例。能否请您确认一下implementation_plan.md?如果您同意,我们将主动推进实现和验证工作!

implementation_plan.md 实现计划在这里

高级番茄钟计时器实现方案

然后创建的计时器就是这样。还进行了操作验证呢!

显示视频文字记录(日语)

00:00 (指カーソルが出てきてボタンクリックの検証を行う)

00:12 (スタートボタンがクリックされタイマーのカウントダウンが始まる)

00:27 (タイマーをストップしカウントダウンが止まる)

1. 拥有"目"的 Antigravity

Jules 也很聪明,但 Antigravity 的厉害之处在于「视觉验证」。不仅仅是写完代码就完事,而是"自己打开浏览器,用眼睛检查设计是否有崩坏"这样的流程,走在了以往 AI 工具的一步之前。

2. 对「Artifacts(成果物)」的执着

Antigravity 不仅仅输出代码,还会精心制作"implementation_plan.md(实现计划书)"这样的文档。通过这种方式,用户可以清楚地了解"AI 此刻在思考什么"。

3. 高级设计成为「标准」

当你说「帮我做一个番茄钟计时器」时,Jules 会做一个「能用的计时器」,而 Antigravity 会尝试做一个「像 iPhone 最新应用一样,充满动画效果的计时器」。这种「想给用户带来惊喜」的服务精神是最大的区别。

🧐 Jules 的使用场景对比~

「从零开始做」的话两个都很出色,但在以下情况下就会有区别。

  • Antigravity 与 Google 账户的集成很强大,所以适合直接将创建的应用发布到互联网上(如 Firebase 集成等),以及快速体验 Google 最新的 AI 模型。「只想快速尝试最新技术」的人很适合用它。
  • Jules 的动作更「人性化」。「帮我做个计算器。哦对了,把背景改成蓝色,再加上历史记录功能」,通过不断对话逐步完善应用、修复复杂 Bug 和整理现有代码的能力非常强。

确实,我用 Jules 的时候,它只应用了最基础的样式。需要在提示中特别说「加点装饰!」才能获得设计效果,相比之下 Antigravity 的设计明显更精致、更时髦。

从零到一、快速搭建基础框架的话,Antigravity 更合适。

然后把这个测试生成的静态文件输入「改成 Next.js 环境!」,它一下子就搞定了!而 Jules 那时候出错卡住了。

我觉得把麻烦的环境配置交给 Antigravity 也不错啊!

你可以在之后添加「加这个设置!加这个功能!」之类的东西,而且 package.json 和 tailwind.config.js 等麻烦的配置文件也都会帮你整理好,真的超方便!

额外赠送

如果改用 Next.js,请使用 Tailwind CSS 添加背景渐变动画。还有,把字体改成 Google Fonts 中那些好看的字体!

番茄钟计时器应用不同样式方案的展示图
计算器应用不同样式方案的展示图

注意!

Antigravity 比 Jules 更加"主动(积极)"。它会在后台自动安装库并创建文件。

  • 风险: 如果在包含现有重要项目的文件夹中运行,AI 可能会出于好意而改写您的代码。
  • 对策:必须在 test 文件夹等 专用工作区中运行,这是铁则。

即使再能干,最后还是需要用人的眼睛来确认一下。

Antigravity 或许可以尝试把原型设计阶段的工作交给它处理!

不过我们公司的标准是 Claude Code……

本文作者

我主要从事以标记语言为中心,使用JavaScript、React、Next.js进行前端开发的工作。当我参与的网站顺利发布时,我会感到很高兴!我的爱好是弹吉他。喜欢猫和烤红薯🐱🍠

Hiratch

前端工程师 / 2022年入职

查看本员工的文章

安心的团队体制和迅速的反应能力是我们的优势

Liberogic 拥有经验丰富的员工团队,积极推进项目,因此获得了客户的高度评价。
我们会妥善分配项目经理和总监,确保整个项目顺利进行。 通过避免不必要的全职投入导致的成本增加,并采用适当配置人力资源的方式,从把握业务内容到估价的制作和提交速度都赢得了良好的口碑。

* 本公司不积极开展SES驻场工作等业务,敬请谅解。

Slack、Teams、Redmine、Backlog、Asana、Jira、Notion、Google Workspace、Zoom、Webex 等,您可以使用几乎所有主要的项目管理工具和沟通协作工具。

请咨询我们的网站相关问题。

案例分析