Topics

Try out Google's new AI development tool (IDE), "Antigravity".

  • column

On November 18, 2025, Google released its latest AI, Google Antigravity.

Previously, there was an article about Jules (https://www.liberogic.jp/topics/20250602-jules/I wrote about this, but I was asked to try out Antigravity while comparing it to this one, so I played around with it a little, thinking, "It's been half a year already, and we've standardized with Claude Code, so why now?!"

First, check out the official website (https://antigravity.google/downloadDownload the application that matches your machine from [link/website].

The initial setup was in English, so I looked it up on Google and asked Gemini for instructions.

Antigravity Initial Setup

1. Import Settings

If you're using VS Code or a similar application, you'll be asked if you want to keep your settings.

  • 「Start Fresh」(Starting something new)

    If you're a beginner, this is recommended. You can start from scratch.

  • 「Import from VS Code」(Inheriting from VS Code)

    If you already use VS Code, you can transfer your familiar key combinations and other settings.

2. Choose your Theme (Choose your look)

  • 「Dark」(Black) or「Light」(White)

    It's up to your preference. Many engineers prefer the "Dark" setting because it's easier on the eyes.

3. Sign in to Google (account linking)

This is the most important point!「Sign in with Google」Press the blue button.

  • Your browser (Safari or Chrome) will open, so select your Google account and click "Allow".

4. Project Setup (Where to work)

If you see "Open Folder" or "New Project", it means you created it for testing purposes.testSelect a folder.

  • "Trust the authors of the files in this folder?"If asked in English, check the box."Yes, I trust the authors"Click here.

🌍 Translating the menu into Japanese (final touches)

Once you've finished this, let's change the English menu to Japanese.

  1. on the keyboardCommand + Shift + PPress this button (on the M1 Pro, the search bar will appear instantly).
  2. Theredisplay languageEnter the following:
  3. 「Configure Display Language」Click on the item that appears.
  4. "Japanese"Select one.
  5. You'll be asked, "Do you want to restart?" Press the button, and the entire app will switch to Japanese!

After the setup is complete, this editor screen will appear!

The right side of the screen is the chat field for prompt input.

Initially, even after entering the prompt, the implementation didn't start at all.

Introducing Gemini 3.1 Pro !It says that, but it worked when I switched to Gemini 3 flash! This time I'm just doing a quick fix so I won't look into the details!

For now, let's try typing "Create a simple calculator app."

Calculator application implementation plan

This will create an implementation plan for you. Once approved, the files index.html, style.css, and script.js will be created one after another.

Once it's finished, it opens the browser and even performs verification and testing!

Your style is so fashionable!!

I understand that it's impressive so far, but I'm wondering how it differs from Juels...

That's amazing! Thank you! By the way, are there any differences between this and Jules? If you have an easy-to-understand implementation example, I'd appreciate it if you could create one! It creates task plans and implements them, just like Jules, right?

Thank you for your question about the differences between this and Jules!

The big difference is,"An overwhelming commitment to visuals" and "Visual performance verification by the agents themselves"It is located there.

  • designI am designed to provide premium design as standard—not just functional, but something that will "wow" the user (latest color schemes, glass morphism, animations, etc.).
  • Verification capabilitiesAfter implementation, I will personally open the browser and visually check and record any UI issues or usability issues.
  • processBased on a task plan walkthrough framework, we always proceed with our work while clearly indicating "what we are doing now and why we are doing it."

To help you truly appreciate this difference, we present a highly sophisticated design."Premium Pomodoro Timer"I have planned to create this as an implementation example.implementation_plan.mdCould you please review this? If so, we will proactively proceed with implementation and testing!

implementation_plan.mdThe implementation plan is here.

Premium Pomodoro Timer Implementation Plan

And here's the timer that was created. They even performed operational testing!

View video transcript (Japanese)

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

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

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

1. Antigravity has "eyes"

Jules is clever, but the amazing thing about Antigravity is"Visual verification"That's it. Instead of just writing code and being done with it, the process of "opening a browser yourself and visually checking to make sure the design isn't broken" puts it a step ahead of previous AI tools.

2. Commitment to "Artifacts"

Antigravity does not just output code,"implementation_plan.md (Implementation Plan)"We carefully create documentation like this. This allows users to easily understand "what the AI ​​is thinking right now."

3. Premium design is the standard.

When asked to "make a Pomodoro timer," Jules creates a "moving timer," while Antigravity tries to create a "richly animated timer like the latest iPhone apps."A service spirit that aims to surprise users.That's the biggest difference.

🧐 How to differentiate between using it and Lies

Both are excellent for "creating something from scratch," but the difference becomes apparent in the following situations.

  • AntigravityBecause it has strong integration with Google accounts, it's ideal for publishing apps you've created directly to the internet (such as through Firebase integration) and for quickly trying out Google's latest AI models."I just want to be fast and get my hands on the latest technology."This is for people.
  • JulesIt moves in a more "human-like" way. "Make a calculator. Oh, actually, make the background blue, and add a history function,"Developing the app through ongoing communication; fixing complex bugs and reorganizing existing code.I'm very good at it.

Indeed, when I tried Jules, it only applied minimal styling. I had to instruct the prompt to "decorate!" before it finally applied any design, but Antigravity is definitely much more stylish and cool!

Antigravity seems suitable for creating foundations and other structures by quickly moving from 0 to 1.

Then, when I typed "Recreate the static file I created for this test in a Next.js environment!", it did it in one go! It didn't work with Jules, though, because it gave an error.

I thought it might be a good idea to leave the troublesome environment setup to Antigravity!

You can add things later, like "Add this setting! Add this feature!"package.json or tailwind.config.jsIt's really convenient that it also sets up troublesome configuration files for you!

bonus

If you're using Next.js, use Tailwind CSS to add a gradient animation to the background. Also, change the font to one of those stylish ones from Google Fonts!

Image of a Pomodoro timer with a different style pattern applied.
Image of a calculator with a different style pattern applied.

Notice!

Antigravity is even more "proactive" than Jules. It installs libraries and creates files behind the scenes without any prompting.

  • risk:If you run it in a folder that contains existing important projects, the AI ​​might overwrite them with good intentions.
  • countermeasure:It will definitely be like this timetestFolders, etc.dedicated workspaceThat's the golden rule for operation.

Even with exceptional talent, human oversight is still necessary in the end.

Antigravity excels at this kind of work, so we might as well let them handle it at the mock-up level!

However, our company uses the Claude Code standard...

Written by

I do front-end development using JavaScript, React, and Next.js, focusing on markup. I feel happy when a site I've worked on is successfully published! My hobby is playing the guitar. I enjoy both writing and playing code!

Hiratchi

Front-end engineer / Joined in 2022

View this staff member's article

We pride ourselves on our reliable team structure and speedy response capabilities.

At Liberogic, our experienced staff proactively drive projects forward, which is why we are highly regarded by our clients.
We ensure that project managers and directors are properly assigned to ensure the smooth progress of the entire project. We prevent unnecessary cost increases from full commitments and allocate resources to the right people in the right places, and are well-known for the speed with which we can grasp the work content, create and submit estimates.

Please note that we do not actively engage in SES-style on-site work.

We support almost all major project management and chat tools, including Slack, Teams, Redmine, Backlog, Asana, Jira, Notion, Google Workspace, Zoom, and Webex.

Please contact us with any web-related concerns you may have.

Case Study