Google Antigravity

Google Antigravity is an AI-first IDE built on VS Code with native MCP support. Layout connects via an MCP server so Antigravity agents get your full design system context on every prompt.

Setup

Option A: Auto-install (recommended)

Run the install command in your project directory. It detects Antigravity and writes the MCP configuration automatically:

bash

npx @layoutdesign/context install

Restart Antigravity once so it picks up the new MCP server. From that point on, every session in the project has automatic access to your design system tools.

Option B: MCP Store

Open the MCP Store in Antigravity, search for Layout, and click Install. This adds the MCP server configuration without touching the terminal.

Option C: Manual configuration

Add the following to your project's MCP settings file (.antigravity/mcp.json or via Settings > MCP Servers):

json

{
  "mcpServers": {
    "layout": {
      "command": "npx",
      "args": ["-y", "@layoutdesign/context", "serve"]
    }
  }
}

Since Antigravity is a VS Code fork, its MCP configuration follows the same pattern as Cursor and Windsurf. If you already have Layout configured in another VS Code-based editor, the same setup applies.

What you get

Once connected, Antigravity agents have access to all Layout MCP tools:

get_design_system — full layout.md content, or a specific section
get_tokens — CSS, JSON, or Tailwind tokens by category
get_component — component code and spec by name
list_components — all components with metadata
check_compliance — validate code against design system rules
preview — live component preview at localhost:4321
push_to_figma — export to Figma as auto-layout frames
url_to_figma — capture a live URL into Figma
design_in_figma — design UI in Figma using your tokens
update_tokens — add or update tokens in the loaded kit
get_screenshots — extraction screenshots for visual reference
push_tokens_to_figma — push tokens to Figma as native variables and styles
check_setup — diagnose and fix MCP setup issues

Manager view tip

Antigravity's Manager view lets you orchestrate multiple agents working in parallel. Each agent session inherits the MCP server configuration, so all parallel workspaces share the same design system context automatically.

← Windsurf

OpenAI Codex→