Antigravity cho thiết kế.

Antigravity thực sự là gì

Antigravity là nền tảng phát triển ưu tiên agent của Google — một IDE vận hành bằng AI được xây dựng để các agent tự trị, chứ không phải các chatbot ở thanh bên, làm công việc. Được công bố vào ngày 18 tháng 11 năm 2025 cùng với Gemini 3 và có sẵn ở bản xem trước công khai miễn phí cho cá nhân, nó cho phép bạn giao phó các tác vụ phần mềm phức tạp, đa công cụ cho một agent vận hành xuyên trình soạn thảo, terminal và một trình duyệt tích hợp. Các agent của nó chạy chủ yếu trên các mô hình Gemini 3.x đa phương thức của Google.

Đối với công việc thiết kế, ba đặc tính nổi bật. Các agent của nó đọc ảnh chụp và suy luận về bố cục thực tế, vì Gemini 3.x đa phương thức bẩm sinh. Nó có thể điều khiển một trình duyệt thật, nên nó kết xuất và kiểm chứng những gì nó dựng. Và nó phơi bày Artifacts — danh sách tác vụ, kế hoạch, ảnh chụp và bản ghi trình duyệt — nên bạn xem lại đầu ra hữu hình thay vì các nhật ký công cụ thô.

• Editor View + Manager Surface: Editor View là một IDE AI quen thuộc với tự hoàn tất tab và lệnh nội tuyến; Manager Surface cho phép bạn sinh, điều phối và quan sát nhiều agent làm việc bất đồng bộ xuyên các không gian làm việc — nơi tự nhiên để chạy một tác vụ thiết kế dài.
• Trình duyệt tích hợp + Artifacts: Các agent có thể hành động trong một trình duyệt tích hợp và phát ra Artifacts (ảnh chụp, bản ghi trình duyệt, danh sách tác vụ, kế hoạch) mà bạn có thể để lại phản hồi — một vòng lặp kiểm chứng được xây ngay trong nền tảng chứ không phải gắn thêm vào.
• Miễn phí để bắt đầu: Đăng nhập bằng một tài khoản Google cá nhân cho bạn giới hạn tốc độ hào phóng trên Gemini 3.x; nền tảng chạy trên macOS, Windows và Linux.

• Nhà cung cấp: Google
• Thông tin xác thực: tài khoản Google (Gmail cá nhân), miễn phí trong bản xem trước công khai
• Tệp nhị phân: khởi chạy với agy; chạy trên macOS, Windows và Linux

Vì sao Gemini đa phương thức và một trình duyệt tích hợp phù hợp với thiết kế

Lợi thế thiết kế của Antigravity đến từ mô hình và nền tảng cùng nhau — nhưng, như với mọi agent, gu thẩm mỹ vẫn phải do bạn cung cấp.

• Hiểu đa phương thức mạnh: Vì Gemini 3.x đa phương thức bẩm sinh, agent đọc ảnh chụp tham chiếu tốt — đối chiếu đầu ra đã kết xuất của nó với một ảnh thay vì đoán từ một mô tả văn xuôi.
• Một trình duyệt tích hợp để kiểm chứng: Agent điều khiển một trình duyệt thật, nên nó kết xuất UI, kiểm tra qua các trạng thái và bắt được bố cục bị vỡ — và ghi lại kết quả dưới dạng một Artifact bản-ghi-trình-duyệt mà bạn có thể xem lại.
• Quy ước mà agent đọc: Mã hóa token, component và quy tắc rà soát của bạn trong ngữ cảnh dự án của agent để nó làm việc đối chiếu với thương hiệu của bạn thay vì một vẻ ngoài mặc định.

Bài học vẫn là bài học mà mọi agent dạy ta: Antigravity không có gu thẩm mỹ mặc định. Nó tạo ra thiết kế tốt khi bạn cho nó các ràng buộc — một design system, một skill thẩm mỹ và những tham chiếu cụ thể. Open Design đóng gói chính xác những đầu vào đó, đó là lý do hai bên ăn khớp với nhau (thêm bên dưới).

Thiết lập Antigravity cho công việc thiết kế, từ con số không

Đây là toàn bộ lộ trình từ một máy sạch đến một agent Antigravity có thể dựng và kiểm chứng UI. Các menu trong ứng dụng có thể dịch chuyển trong bản xem trước, nên phần này giữ ở mức bạn có thể tin cậy.

# 1. Download Antigravity for your OS (macOS, Windows, Linux)
#    from the official download page: antigravity.google/download

# 2. Launch it and sign in
agy               # opens Antigravity; sign in with your Google account

# 3. Accept the data-use policy, pick a theme, and open your project folder

# 4. Start an agent task in the Editor View or the Manager Surface,
#    selecting a Gemini 3.x model (e.g. Gemini 3.1 Pro)

• Mã hóa quy tắc thiết kế của bạn: Đặt token, primitive và quy ước của bạn trong ngữ cảnh dự án của agent để đầu ra khớp với một thương hiệu thay vì mặc định về một vẻ ngoài tầm thường.
• Dùng trình duyệt tích hợp: Cho agent kết xuất trong trình duyệt tích hợp của Antigravity và kiểm tra đầu ra qua các breakpoint — kiểm chứng UI trông đúng, chứ không chỉ build thành công.

Quy trình ảnh-chụp-thành-UI

Vòng lặp thiết kế có đòn bẩy cao nhất với Antigravity là biến một ảnh tham chiếu thành UI hoạt động được, có khả năng đáp ứng và lặp lại cho đến khi khớp — dựa vào mô hình đa phương thức để đối chiếu đầu ra với tham chiếu, và vào trình duyệt tích hợp để kiểm chứng nó.

1. Bắt đầu từ những tham chiếu hình ảnh rõ ràng nhất bạn có — và bao gồm nhiều trạng thái (desktop và di động, hover, trống, đang tải), không chỉ một ảnh hero.
2. Hãy cụ thể trong lời nhắc; lời nhắc mơ hồ tạo ra UI tầm thường ngay cả với một mô hình mạnh.
3. Giữ design system và quy ước của bạn trong ngữ cảnh dự án của agent, và cho nó biết token cùng các primitive chuẩn nằm ở đâu.
4. Để agent kết xuất trong trình duyệt tích hợp của Antigravity, đổi kích thước về các breakpoint để kiểm tra kết quả.
5. Lặp lại bằng cách cho agent đối chiếu phần triển khai của nó với các ảnh chụp — chứ không chỉ xác nhận nó build được — và xem lại các Artifact bản-ghi-trình-duyệt và ảnh chụp mà nó tạo ra.

Đính kèm các ảnh tham chiếu của bạn và đưa ra các ràng buộc cụ thể, rồi để agent kiểm chứng trong trình duyệt:

# In an Antigravity agent task, attach reference-desktop.png and
# reference-mobile.png, then prompt:

Implement this design in React + Vite + Tailwind + TypeScript.
Reuse my existing design-system components and tokens.
Match spacing, layout, and hierarchy; make it responsive.
Render it in the integrated browser and iterate until it matches
the references across breakpoints, and show me the screenshots.

Giữ lời nhắc nhỏ và tập trung, commit những lần lặp tốt và hoàn nguyên những lần lặp tệ (báo cho agent khi bạn hoàn nguyên), để mỗi lần đi qua đều được xây trên một nền sạch.

Ngữ cảnh agent, công cụ và Artifacts

Ba điểm mở rộng khiến Antigravity thực dụng cho công việc thiết kế bền bỉ, và cả ba đều ánh xạ gọn gàng vào một quy trình thiết kế mở.

• Ngữ cảnh dự án: Quy tắc dự án bền vững là ngôi nhà lâu dài cho quy ước thiết kế của bạn — token, primitive và danh sách kiểm tra rà soát mà agent đọc trong mỗi tác vụ, để đầu ra giữ đúng thương hiệu.
• Trình duyệt tích hợp + terminal: Các agent hành động xuyên trình soạn thảo, terminal và một trình duyệt tích hợp, nên chúng có thể thu thập tham chiếu, chạy một dev server và kiểm chứng UI đã kết xuất mà không rời khỏi nền tảng.
• Artifacts bạn xem lại: Danh sách tác vụ, kế hoạch triển khai, ảnh chụp và bản ghi trình duyệt khiến công việc của agent dễ đọc; bạn để lại phản hồi trên Artifact và agent tiếp thu các chỉnh sửa.

Đây là những năng lực mà một vòng lặp thiết kế nghiêm túc cần — đúng loại thứ mà Open Design được xây để điều phối, thay vì tái tạo lại theo từng dự án.

Antigravity vs Codex vs Claude Code vs Cursor vs Gemini CLI cho thiết kế

Không có người chiến thắng duy nhất cho công việc thiết kế — mỗi agent có một điểm mạnh khác nhau, và các nhóm dày kinh nghiệm kết hợp chúng. Một tóm tắt công bằng:

Phán quyết lặp đi lặp lại của cộng đồng là gu thẩm mỹ đến từ con người: tất cả chúng đều mặc định về một thẩm mỹ tầm thường nếu thiếu skill, tham chiếu và ràng buộc. Đó mới là vấn đề thực sự cần giải — và nó có hình hài của một công cụ thiết kế, không phải của một mô hình.

Cạm bẫy, và cách tránh vẻ ngoài “AI làm cẩu thả”

Phàn nàn phổ biến nhất về thiết kế do AI tạo ra là nó trông tầm thường — gradient mềm, các panel lơ lửng, góc bo tròn quá khổ, đổ bóng kịch tính, một bầu không khí Inter-và-tím “hét lên rằng AI làm cái này.” Các vấn đề khác được báo cáo gồm bố cục di động bị vỡ và lời chỉ dẫn rò rỉ vào nội dung UI. Không vấn đề nào trong số này là riêng của Antigravity; chúng là điều xảy ra khi bất kỳ agent nào chạy mà thiếu một ngữ cảnh thiết kế được tuyển chọn.

• Thêm một skill thẩm mỹ: Một skill thiết kế được tuyển chọn buộc agent cam kết một hướng đi thực sự thay vì vẻ ngoài mặc định.
• Kiểm chứng trong trình duyệt tích hợp: Dùng mô hình đa phương thức và trình duyệt tích hợp của Antigravity để kết xuất và tự kiểm tra qua các breakpoint để bố cục không âm thầm vỡ trên di động.
• Cung cấp token và tham chiếu: Token thiết kế thật và ảnh chụp tham chiếu là đòn bẩy lớn nhất, đơn lẻ lên chất lượng đầu ra.
• Mã hóa quy tắc trong ngữ cảnh dự án: Đặt các quy tắc kiểu “không thẻ hero, tối đa hai kiểu chữ, phân cấp đặt thương hiệu lên trước” ở nơi agent đọc chúng trong mỗi tác vụ.

Hãy lưu ý rằng mọi cách khắc phục đều xoay quanh việc cho agent một ngữ cảnh thiết kế được tuyển chọn. Duy trì ngữ cảnh đó bằng tay, theo từng dự án, là công việc nhọc nhằn mà Open Design loại bỏ.

Thiết kế với Antigravity bên trong Open Design

Open Design là lớp thiết kế mã nguồn mở mà quy trình ở trên cứ liên tục đòi hỏi. Nó xem Antigravity như một adapter chính thức và bao nó trong một thư viện skill và design-system được tuyển chọn, một pipeline kết xuất có cấu trúc, và một giao diện máy tính cục bộ — để ngữ cảnh thiết kế khiến Antigravity trở nên giỏi đã có sẵn ngay từ lần chạy đầu tiên, chứ không phải lắp ráp bằng tay mỗi lần. Open Design là mã nguồn mở và ưu tiên cục bộ, điều đó khiến sự kết hợp trở nên tự nhiên.

1. Cài Open Design và chọn Antigravity làm agent của bạn.
2. Xác thực bằng tài khoản Google của bạn — thông tin xác thực ở lại trên máy bạn và không bao giờ được trung chuyển qua chúng tôi.
3. Chọn một design system và một skill, rồi tạo deck, prototype và landing page với gu thẩm mỹ nhất quán.
4. Mọi artifact và tệp DESIGN.md đều nằm trong repo của riêng bạn, không phải một đám mây lưu trữ.

Cùng một agent Antigravity, cùng một tài khoản Google — cộng thêm một quy trình thiết kế thực thụ, di động, mã nguồn mở bao quanh nó. Open Design ưu tiên cục bộ và Apache-2.0, nên không có gì về công việc hay thông tin xác thực của bạn rời khỏi máy bạn.

Các câu hỏi thường gặp

1. 01 Antigravity có thực sự làm được công việc thiết kế không? +

   Có — với một skill thẩm mỹ, một design system và ảnh tham chiếu thật trong ngữ cảnh, Antigravity tạo ra UI chất lượng sản xuất, có khả năng đáp ứng, và các agent Gemini 3.x đa phương thức của nó kiểm chứng đầu ra trong trình duyệt tích hợp. Thiếu ngữ cảnh đó, nó có xu hướng mặc định về một vẻ ngoài tầm thường, đó chính là khoảng trống mà Open Design lấp đầy.

2. 02 Tôi có cần trả tiền để thiết kế với Antigravity không? +

   Antigravity có sẵn ở bản xem trước công khai miễn phí cho cá nhân, với giới hạn tốc độ hào phóng trên Gemini 3.x khi bạn đăng nhập bằng một tài khoản Google cá nhân. Open Design dù sao cũng không bao giờ trung chuyển thông tin xác thực của bạn.

3. 03 Điều gì khiến Antigravity tốt riêng cho thiết kế? +

   Ba điều: các agent của nó chạy trên các mô hình Gemini 3.x đa phương thức bẩm sinh đọc ảnh chụp tham chiếu tốt, nó cung cấp một trình duyệt tích hợp mà agent có thể điều khiển để kiểm chứng UI, và nó phơi bày Artifacts — ảnh chụp và bản ghi trình duyệt — mà bạn có thể xem lại. Gu thẩm mỹ vẫn đến từ design system, skill và tham chiếu mà bạn cung cấp.

4. 04 Antigravity hay Claude Code cho thiết kế frontend? +

   Cả hai đều mạnh. Claude Code nổi tiếng về các quyết định thiết kế cụ thể, nhận biết codebase; lợi thế của Antigravity là nền tảng ưu tiên agent của nó — Gemini 3.x đa phương thức, một trình duyệt tích hợp để kiểm chứng, và các Artifact có thể xem lại. Nhiều nhóm dùng cả hai — Open Design cho phép bạn đổi agent mà không thay đổi quy trình thiết kế.

5. 05 Làm thế nào để kiểm chứng những gì Antigravity dựng? +

   Antigravity cung cấp một trình duyệt tích hợp mà các agent của nó có thể điều khiển, nên chúng kết xuất UI, kiểm tra nó qua các breakpoint, và ghi lại ảnh chụp và bản ghi trình duyệt dưới dạng Artifacts. Xem lại các Artifact đó — và cho agent đối chiếu đầu ra của nó với tham chiếu của bạn — là cách bạn giữ kết quả đúng spec.

6. 06 Open Design có liên kết với Google không? +

   Không. Antigravity là một sản phẩm của Google; Open Design là một dự án mã nguồn mở độc lập hỗ trợ nó như một adapter chính thức. Antigravity và Gemini là các thương hiệu của Google.

7. 07 Tệp và thông tin xác thực của tôi có an toàn không? +

   Có — Open Design ưu tiên cục bộ và Apache-2.0. Tệp, artifact và DESIGN.md của bạn ở lại trong repo của riêng bạn, và thông tin xác thực Google của bạn được agent của bạn dùng trực tiếp, không bao giờ định tuyến qua máy chủ của Open Design.