Google Antigravity
DESIGN.md for Google Antigravity
Use DESIGN.md with Google Antigravity Projects and subagents so asynchronous UI work still follows one coherent product language.
See it in practice
Related DESIGN.md references
Pair DESIGN.md with workspace rules
Antigravity supports workspace rules in the .agents directory. Use those rules to point the agent toward DESIGN.md and to preserve the existing component system. Keep detailed visual guidance in DESIGN.md so it remains portable to other agents.
Read DESIGN.md before UI work.Reuse existing primitives.Report the routes and visual states verified before marking the task complete.Design tasks for parallel agents
Split work by surface, not by arbitrary file count: one agent can handle the page shell, another the table states, and another the responsive pass. Each task should name the same tokens, patterns, and acceptance checks from DESIGN.md. This reduces conflicting local interpretations.
Use DESIGN.md as the visual source of truth.Do not add new tokens.Verify desktop, narrow mobile, empty, error, and focus-visible states.Close the loop
When parallel work lands, review the combined surface rather than approving each piece in isolation. Check the seams: spacing between sections, duplicated controls, inconsistent terminology, and different interpretations of hierarchy. Promote a repeated correction into DESIGN.md.
Design for unattended work
Antigravity’s project model is useful when work continues beyond one interactive chat: a subagent can take a bounded task, and scheduled or background work can prepare a later review. UI work needs stronger guardrails in that setting because nobody may be watching every generated component. DESIGN.md should therefore describe not only the desired appearance but also the stopping conditions: reuse existing primitives, do not invent tokens, list changed routes, and leave a concise verification report.
A good background task has a small surface area. Ask one agent to add a table state, update one route, or prepare a responsive pass rather than asking it to redesign the whole product. The task can reference the same design file that local work uses. When the result returns, the human review is faster because the agent has already named the states it checked. If a scheduled task is allowed to touch UI without a browser review, keep it limited to safe, deterministic changes such as token migration or content updates and require a diff for anything structural.
| Antigravity mode | Without DESIGN.md | With DESIGN.md |
|---|---|---|
| Local Project | The active agent makes one-off choices from chat context. | The project has a durable visual source of truth. |
| Async subagent | A background task adds a new pattern that looks plausible but unrelated. | The task inherits tokens, primitives, and explicit anti-patterns. |
| Scheduled task | Unattended work can silently change hierarchy or density. | Scope and verification rules make the result reviewable. |
| Merged surfaces | Parallel agents disagree at their boundaries. | A shared contract exposes seams before release. |
For asynchronous UI work:- Read DESIGN.md and inspect the nearest existing component.- Do not add tokens or primitives.- Report changed routes and verified states.- Stop and ask for review if the design contract is ambiguous.Give subagents a bounded visual mission
The safest Antigravity UI tasks are bounded by route, surface, and state. “Improve the dashboard” is too broad for asynchronous work because it hides a chain of design decisions. “Add the empty state to the projects table, reuse the existing table and button primitives, and verify the narrow layout” is specific enough for a subagent to complete and easy enough for a person to review later. DESIGN.md supplies the global rules; the task supplies the local acceptance criteria.
When several subagents work in one Project, avoid assigning overlapping ownership. One can prepare the page shell, one can implement a table state, and one can check responsive behavior. Each task should report the files and routes it touched. The final reviewer then checks the combined result for seams rather than trusting that individually valid tasks will automatically form a coherent screen.
Scheduled work deserves an even stricter boundary. Safe recurring jobs can update documentation, migrate a known token, or prepare a content change for review. A job that invents a new component or changes hierarchy should produce a proposal instead of silently shipping. This is not a limitation of the agent; it is a useful product control. The more unattended the workflow, the more valuable it is to make design decisions explicit and reversible.
- Define one surface and one user outcome.
- Point the task to the relevant DESIGN.md section.
- Name the existing component and token family to reuse.
- Require a verification report and stop on ambiguity.
A human should be able to open the resulting diff and understand why each visual choice exists. That is the practical quality bar for asynchronous UI work: not zero automation, but automation that leaves behind a clear, reviewable trail.
When a subagent discovers that the shared rule is incomplete, it should propose the smallest documentation change that resolves the ambiguity. A project can then improve its visual contract deliberately instead of letting every future task interpret the missing rule differently.
That proposal should include the affected component, the user state that exposed the gap, and one concrete example. It keeps an asynchronous workflow easy to audit and prevents a scheduled task from quietly becoming a new design system.
Use DESIGN.md with a real product reference
Browse curated DESIGN.md examples from product teams, design systems, developer tools, SaaS dashboards, and AI-native apps. Use them as references before your agent builds the next screen.
Related guides
DESIGN.md for Kiro
How to use DESIGN.md with Kiro, the AWS agentic IDE built around specs, steering, hooks, and production-minded implementation.
DESIGN.md for Devin Desktop (formerly Windsurf)
How to use DESIGN.md with Devin Desktop, the next generation of Windsurf, so agentic edits follow your product design system instead of default editor taste.
DESIGN.md for Bolt
How DESIGN.md helps bolt.new generate full-stack browser apps with stronger UI direction, cleaner components, and less generic styling.
Frequently asked questions
Can Antigravity subagents read DESIGN.md?
Yes, when the file is in the project workspace and the task or workspace rules point the agent to it.
Should every subagent receive a different design brief?
No. Use one shared DESIGN.md and add only the route-specific acceptance criteria to each task.
What is the most important parallel-work check?
Review the seams between agent-owned surfaces, where inconsistent tokens and spacing are easiest to miss.
