Close Menu
  • AI Tools
    • Claude AI
    • ChatGPT
    • Cursor AI
    • GitHub Copilot
  • Programming
    • Python
    • JavaScript
    • Software Engineering
  • Web Development
    • HTML Tutorial
    • CSS Tutorial
    • Tailwind CSS
    • React JS
  • Roadmaps & Careers
    • Freelancing
  • About
  • Contact
Facebook X (Twitter) Instagram
Skill Trek
Facebook X (Twitter) Instagram Pinterest
  • AI Tools
    • Claude AI
    • ChatGPT
    • Cursor AI
    • GitHub Copilot
  • Programming
    • Python
    • JavaScript
    • Software Engineering
  • Web Development
    • HTML Tutorial
    • CSS Tutorial
    • Tailwind CSS
    • React JS
  • Roadmaps & Careers
    • Freelancing
  • About
  • Contact
Subscribe
Skill Trek
Home»AI Tools»Google Antigravity»How to Use Google Antigravity in Visual Studio Code (Step-by-Step Guide)
Google Antigravity

How to Use Google Antigravity in Visual Studio Code (Step-by-Step Guide)

Md Al MamunBy Md Al MamunAugust 27, 2026No Comments2 Mins Read
Share Facebook Bluesky Threads Pinterest Twitter LinkedIn Tumblr Email
Follow Us
Google News Flipboard
Share
Facebook Bluesky Pinterest Threads Email Copy Link

Integrating AI directly into your development environment can double your coding speed. If Visual Studio Code is your go-to editor, you can now use the official Google Antigravity extension for seamless agent-first development.

Here is a quick, step-by-step walkthrough on how to install, configure, and use Google Antigravity inside VS Code.

Step 1: Install the Google Antigravity Extension

  1. Open Visual Studio Code.
  2. Click on the Extensions icon on the sidebar (or press Ctrl+Shift+X / Cmd+Shift+X).
  3. In the search bar, type Google Antigravity.
  4. Locate the official extension published by google.com.
  5. Click Install.

Step 2: Initialize and Arrange the Interface

  1. Once installed, click the new Antigravity icon added to your sidebar menu.
  2. The extension will take a few seconds to display “Initializing Antigravity”.
  3. When prompted to create a project, select “Not now” to jump straight into the main interface.
  4. (Optional) For a cleaner workspace, drag and drop the Antigravity tab onto your existing chat or sidebar panel to dock it neatly beside your editor.

Step 3: Select Your Preferred AI Model

Google Antigravity provides flexible access to leading AI models directly within your IDE. From the top dropdown menu in the Antigravity window, choose the model that fits your task:

  • Gemini 3.5 Flash High
  • Gemini 3.1 Pro
  • Claude 4.6
  • and more

Step 4: Access Antigravity in Existing Project Folders

When opening an existing workspace or project folder, the Antigravity window might be hidden by default.

To bring it back:

  1. Open your project folder.
  2. Toggle the sidebar.
  3. Click the three dots menu (…) next to the chat option.
  4. Select Antigravity to reopen the interface.

Step 5: Generate Code Using Prompts

You can use plain English prompts to let Antigravity write and edit code files automatically:

  1. Type a command in the Antigravity chat field (e.g., “Create an HTML file and make a table”).
  2. Press Enter.
  3. Antigravity will generate the file (such as index.html) and write the necessary markup.
  4. Click Accept to commit the changes to your workspace.
  5. Preview your new file using a tool like Live Server to confirm everything works as expected.

Final Thoughts

Google Antigravity brings agentic AI capabilities directly into Visual Studio Code, letting you generate, inspect, and execute code without ever leaving your editor. Give it a try on your next project to streamline your development workflow!

Share. Facebook Pinterest Telegram Bluesky Threads Email Copy Link
Previous ArticleNEW Hostinger Coupon Codes: 20% EXTRA Bonus Inside!
Next Article How to Use Free Open-Source LLMs in Google Antigravity
Md Al Mamun
  • Website
  • Facebook
  • X (Twitter)
  • Instagram
  • LinkedIn

a full-stack developer and educator with a community of over 144,000 learners across YouTube, Udemy, and Facebook. With years of hands-on experience in building modern web applications, I specialize in making complex topics easy to understand through clear, structured explanations and real-world examples.

Related Posts

How to Use Free Open-Source LLMs in Google Antigravity

August 27, 2026

How to Connect Supabase MCP to Antigravity

August 25, 2026
Add A Comment
Leave A Reply Cancel Reply

Recent Posts

  • How to Connect OpenCode to Roblox Studio Using MCP
  • How to Check Ubuntu Version: 3 Easy Methods
  • How to Install Ubuntu on VirtualBox in Windows 11
  • How to Use Claude Code for Free using Ollama in VS Code
  • How to Use Claude Code for Free with Agent Router API in VS Code

Recent Comments

No comments to show.

Archives

  • September 2026
  • August 2026

Categories

  • AI Tools
  • Claude AI
  • Google Antigravity
  • Programming
  • Roadmaps & Careers
Facebook X (Twitter) Instagram Pinterest
© 2026 SkillTrek. All Rights Preserved by Md Al Mamun.

Type above and press Enter to search. Press Esc to cancel.