Kategori Tasarım · Zeka Apache-2.0 · Dünya üzerinde yapıldı
Agent · Antigravity

Tasarım için Antigravity.

Antigravity, Google'ın agent-öncelikli geliştirme platformudur. Gemini 3.x modelleri ekran görüntülerini okur ve düzen hakkında akıl yürütür, entegre tarayıcısı agentların inşa ettiklerini doğrulamasına olanak tanır ve Artifacts özelliği agent çalışmasını incelenebilir çıktılara dönüştürür — bu da ona referanslar, konvansiyonlar ve bir doğrulama döngüsü verdiğinizde gerçek bir tasarım aracı haline getirir. Open Design onu açık kaynaklı bir tasarım iş akışına bağlar: Google hesabınız, dosyalarınız, local-first.

Antigravity tasarım geri bildirim döngüsü: bir referans görüntüsünü okuyan agent-öncelikli IDE, kullanıcı arayüzünü render eden entegre tarayıcı ve bir Manager yüzeyi, geri dönen bir geri bildirim oku ile

Open Design, Antigravity'yi local-first, açık kaynaklı bir tasarım agentına dönüştürür — Google hesabınız, dosyalarınız, etrafında küratörlü bir skill ve tasarım sistemi kütüphanesi.

Antigravity, Gemini 3 ile birlikte piyasaya sürülen Google'ın agent-öncelikli geliştirme platformudur. Üç şey onu tasarım için özellikle ilginç kılar: agentları doğal olarak multimodal Gemini 3.x modelleri üzerinde çalışır, böylece bir ekran görüntüsünü okuyup düzen, boşluk ve hiyerarşi hakkında akıl yürütürler; agentın sürebileceği entegre bir tarayıcı ile gelir, böylece tahmin etmek yerine kendi kullanıcı arayüzünü render edip kontrol eder; ve Artifacts üretir — görev listeleri, uygulama planları, ekran görüntüleri ve tarayıcı kayıtları — agent çalışmasını gerçekten inceleyebileceğiniz bir şeye dönüştürür. Doğru referanslar, konvansiyonlar ve bir doğrulama döngüsü ile eşleştirildiğinde, gerçek, duyarlı kullanıcı arayüzü inşa eder — ve Google hesabıyla başlamak ücretsizdir. Bu, Antigravity'yi kullanıcı arayüzü, frontend ve tasarım sistemi çalışmaları için kullanmaya ve onu Open Design ile yapılandırılmış bir tasarım iş akışına bağlamaya yönelik pratik, uçtan uca bir kılavuzdur.

Antigravity'nin aslında ne olduğunu, multimodal Gemini ve entegre tarayıcının tasarıma neden uyduğunu, sıfırdan nasıl kurulacağını, ekran görüntüsünden kullanıcı arayüzüne döngüyü, agent bağlamı ve araçlarının onu nasıl genişlettiğini, Codex, Claude Code, Cursor ve Gemini CLI ile nasıl karşılaştırıldığını, yapay zeka çıktısını jenerik göstermeye yol açan tuzakları ve Open Design'ın bu açığı açık, local-first bir tasarım katmanı olarak nasıl kapattığını ele alır — doğal bir eşleştirme, çünkü Open Design açık kaynaklıdır ve kendi makinenizde çalışır.

Antigravity gerçekte nedir

Antigravity, Google'ın ajan-öncelikli geliştirme platformudur — yapay zeka destekli bir IDE olup, kenar çubuğu sohbet botları değil, otonom ajanlar çalışır. 18 Kasım 2025'te Gemini 3 ile birlikte duyuruldu ve bireyler için ücretsiz olarak halka açık önizlemede sunuluyor; karmaşık, çok araçlı yazılım görevlerini editör, terminal ve entegre bir tarayıcı üzerinde çalışan bir ajana devretmenizi sağlar. Ajanları öncelikli olarak Google'ın çok modlu Gemini 3.x modelleri üzerinde çalışır.

Tasarım çalışması için üç özellik öne çıkıyor. Ajanları ekran görüntülerini okur ve gerçek düzen hakkında akıl yürütür, çünkü Gemini 3.x yerel olarak çok modludur. Gerçek bir tarayıcı kullanabilir, böylece oluşturduğunu işler ve doğrular. Ve Artifacts — görev listeleri, planlar, ekran görüntüleri ve tarayıcı kayıtları — sunar, böylece ham araç günlükleri yerine somut çıktıları gözden geçirirsiniz.

  • Editor View + Manager Surface: Editor View, sekme tamamlamaları ve satır içi komutlarla tanıdık bir yapay zeka IDE'sidir; Manager Surface, çalışma alanlarında eşzamansız olarak çalışan birden fazla ajanı oluşturmanıza, yönetmenize ve gözlemlemenize olanak tanır — uzun bir tasarım görevini yürütmek için doğal yer.
  • Entegre tarayıcı + Artifacts: Ajanlar yerleşik bir tarayıcıda hareket edebilir ve üzerinde geri bildirim bırakabileceğiniz Artifacts (ekran görüntüleri, tarayıcı kayıtları, görev listeleri, planlar) yayabilir — platforma sonradan eklenmemiş, platformun içine yerleştirilmiş bir doğrulama döngüsü.
  • Başlamak ücretsiz: Kişisel bir Google hesabıyla oturum açmak, Gemini 3.x üzerinde cömert hız limitleri sağlar; platform macOS, Windows ve Linux'ta çalışır.
  • Sağlayıcı: Google
  • Kimlik bilgisi: Google hesabı (kişisel Gmail), halka açık önizleme sırasında ücretsiz
  • İkili dosya: agy ile başlatın; macOS, Windows ve Linux'ta çalışır

Çok modlu Gemini ve yerleşik tarayıcı neden tasarıma uygun

Antigravity'nin tasarım avantajı model ve platformun birlikte gelmesinden kaynaklanır — ancak her ajanda olduğu gibi, zevk yine de sağlanmalıdır.

  • Güçlü çok modlu anlayış: Gemini 3.x yerel olarak çok modlu olduğu için, ajan referans ekran görüntülerini iyi okur — bir düzyazı açıklamasından tahmin etmek yerine işlenmiş çıktısını bir görüntüyle karşılaştırır.
  • Doğrulamak için entegre tarayıcı: Ajan gerçek bir tarayıcıyı kullanır, böylece kullanıcı arayüzünü render eder, farklı durumlarda kontrol eder ve bozuk düzenleri yakalar — ve sonucu inceleyebileceğiniz bir tarayıcı kaydı Artifact olarak yakalar.
  • Ajanın okuduğu kurallar: tokens, bileşenler ve inceleme kurallarınızı ajanın proje bağlamına kodlayın, böylece varsayılan bir görünüm yerine markanıza uygun çalışır.
Tasarım sistemi, skill ve referans görselinin iyi tasarım çıktısında birleştiğini gösteren diyagram
Zevk, sağladığınız üç girdiden gelir: bir tasarım sistemi, bir skill ve gerçek referans görselleri.

Ders, her ajanın öğrettiği şeyin aynısıdır: Antigravity varsayılan olarak zevke sahip değildir. İyi tasarım üretir, ancak ona kısıtlamalar verdiğinizde — bir tasarım sistemi, estetik bir skill ve somut referanslar. Open Design tam olarak bu girdileri paketler, bu yüzden ikisi birbirine uyar (aşağıda daha fazlası).

Antigravity'yi tasarım çalışması için sıfırdan kurun

Temiz bir makineden kullanıcı arayüzü oluşturabilen ve doğrulayabilen bir Antigravity ajanına giden tam yol burada. Önizleme sırasında uygulamadaki menüler değişebilir, bu nedenle bu güvenebileceğiniz düzeyde kalır.

# 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)
Beş adımlı kurulum akışı: indirme, Google ile oturum açma, proje açma, tasarım kuralları ve skill ekleme, tarayıcı doğrulamayı etkinleştirme
Kurulum sırası: indirme → Google ile oturum açma → projenizi açın → tasarım kuralları ve bir skill ekleyin → doğrulamak için entegre tarayıcıyı kullanın.
  • Tasarım kurallarınızı kodlayın: tokens, ilkel öğeler ve kurallarınızı ajanın proje bağlamına koyun, böylece çıktı genel bir görünüme varsayılan olarak ayarlanmak yerine bir markaya uyum sağlar.
  • Entegre tarayıcıyı kullanın: Ajanın Antigravity'nin yerleşik tarayıcısında render yapmasını ve çıktısını farklı breakpoint'lerde kontrol etmesini sağlayın — yalnızca derlemenin geçtiğini değil, kullanıcı arayüzünün doğru göründüğünü doğrulayın.

Ekran görüntüsünden kullanıcı arayüzüne iş akışı

Antigravity ile en yüksek kaldıraçlı tasarım döngüsü, bir referans görselini çalışan, duyarlı kullanıcı arayüzüne dönüştürmek ve eşleşene kadar yinelemektir — çıktıyı referansla karşılaştırmak için multimodal modele ve doğrulamak için entegre tarayıcıya dayanarak.

  1. Sahip olduğunuz en net görsel referanslardan başlayın — ve yalnızca bir ana görsel değil, birden fazla durum (masaüstü ve mobil, hover, boş, yükleme) ekleyin.
  2. Prompt'ta spesifik olun; belirsiz prompt'lar güçlü bir modelle bile jenerik UI üretir.
  3. Tasarım sisteminizi ve kurallarınızı ajanın proje bağlamında tutun ve token'ların ile kanonik temel bileşenlerin nerede olduğunu söyleyin.
  4. Ajanın Antigravity'nin entegre tarayıcısında render etmesine izin verin, sonucu kontrol etmek için kesme noktalarına yeniden boyutlandırın.
  5. Ajanın uygulamasını ekran görüntüleriyle karşılaştırmasını sağlayarak iterasyon yapın — sadece derleme yapıldığını onaylamakla kalmayın — ve ürettiği tarayıcı kaydı ve ekran görüntüsü Artifact'larını inceleyin.

Referans resimlerinizi ekleyin ve somut kısıtlamalar verin, ardından ajanın tarayıcıda doğrulamasına izin verin:

# 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.

Prompt'ları küçük ve odaklı tutun, iyi iterasyonları commit'leyin ve kötü olanları geri alın (geri aldığınızda ajana bildirin), böylece her geçiş temiz bir temel üzerine inşa edilir.

Ajan bağlamı, araçlar ve Artifact'lar

Üç genişleme noktası Antigravity'yi sürdürülebilir tasarım çalışması için pratik hale getirir ve üçü de açık tasarım iş akışına sorunsuzca eşlenir.

  • Proje bağlamı: Kalıcı proje kuralları, ajanın her görevde okuduğu tasarım kurallarınız — token'lar, temel bileşenler ve inceleme kontrol listeleri — için dayanıklı bir evdir, böylece çıktı markaya uygun kalır.
  • Entegre tarayıcı + terminal: Ajanlar editör, terminal ve yerleşik tarayıcı arasında çalışır, böylece platformdan ayrılmadan referansları toplayabilir, geliştirme sunucusunu çalıştırabilir ve render edilen UI'ı doğrulayabilirler.
  • İncelediğiniz Artifact'lar: Görev listeleri, uygulama planları, ekran görüntüleri ve tarayıcı kayıtları ajan çalışmasını anlaşılır kılar; Artifact üzerinde geri bildirim bırakırsınız ve ajan düzeltmeleri dahil eder.

Bunlar ciddi bir tasarım döngüsünün ihtiyaç duyduğu yeteneklerdir — tam olarak Open Design'ın her proje için yeniden yaratmak yerine orkestre etmek üzere tasarlandığı şeyler.

Tasarım için Antigravity vs Codex vs Claude Code vs Cursor vs Gemini CLI

Tasarım çalışması için tek bir kazanan yok — her ajanın farklı bir gücü var ve deneyimli ekipler onları üst üste yığar. Adil bir özet:

AjanTasarım gücüEn uygun olduğu alan
AntigravityÇok modlu Gemini 3.x, entegre tarayıcı ile kendi kendini doğrulama ve incelenebilir Artifacts özelliklerine sahip ajan odaklı IDE; önizlemede ücretsizYerleşik tarayıcı doğrulamalı asenkron çok ajanlı UI yapımları
CodexGüçlü görsel cilayla donatılmış frontend skill; sandbox'lı asenkron yapımlarDevredilmiş asenkron yapımlar ve taşınabilir AGENTS.md kuralları
Claude CodeBelirli tasarım kararları (hex, aralık, tipografi) ve kod tabanı farkındalıklı UXFrontend muhakemesi ve geniş bağlamlı yeniden yapılandırmalar
CursorCanlı önizleme ve satır içi düzenlemelerle görsel yap-ve-gör döngüsüIDE içinde sıkı yinele-ve-izle UI çalışması
Gemini CLI1M-token bağlam ve ücretsiz katmana sahip çok modlu Gemini üzerinde açık kaynak terminal ajanıEkran görüntüsü ağırlıklı terminal çalışması ve tüm bir tasarım sistemini bağlamda tutma

Topluluktan gelen ortak kanı, zevkin insanlardan geldiği yönünde: bunların hepsi skill, referans ve kısıtlamalar olmadan genel bir estetiğe yöneliyor. Asıl çözülmesi gereken problem bu — ve bu model şeklinde değil, tasarım aracı şeklinde bir problemdir.

Tuzaklar ve "yapay zeka cıvıklığı" görünümünden nasıl kaçınılır

Yapay zeka tarafından oluşturulan tasarım hakkındaki en yaygın şikayet, jenerik görünmesidir — yumuşak gradyanlar, yüzen paneller, aşırı büyük yuvarlatılmış köşeler, dramatik gölgeler, "bunu bir yapay zeka yaptı" diye haykıran bir Inter-ve-mor hava. Bildirilen diğer sorunlar arasında bozuk mobil düzenler ve kullanıcı arayüzü metnine sızan talimatlar yer alır. Bunların hiçbiri Antigravity'ye özgü değildir; bunlar herhangi bir ajanın küratörlü bir tasarım bağlamı olmadan çalıştığında ortaya çıkan şeylerdir.

  • Estetik bir skill ekleyin: Küratörlü bir tasarım skill'i, ajanı varsayılan görünüm yerine gerçek bir yöne bağlanmaya zorlar.
  • Entegre tarayıcıda doğrulayın: Multimodal modeli ve Antigravity'nin yerleşik tarayıcısını kullanarak kesme noktaları boyunca render edin ve kendi kendine kontrol edin, böylece düzenler mobilde sessizce bozulmaz.
  • tokens ve referanslar sağlayın: Gerçek tasarım tokens'ları ve referans ekran görüntüleri, çıktı kalitesi üzerindeki en büyük kaldıraçtır.
  • Kuralları proje bağlamında kodlayın: "Kahramanlık kartları yok, maksimum iki yazı tipi, marka öncelikli hiyerarşi" gibi stil kurallarını ajanın her görevde okuduğu yere koyun.

Her azaltma işleminin ajana küratörlü bir tasarım bağlamı vermekle ilgili olduğuna dikkat edin. Bu bağlamı proje başına elle sürdürmek, Open Design'ın ortadan kaldırdığı zahmetli iştir.

Open Design içinde Antigravity ile tasarlama

Open Design, yukarıdaki iş akışının sürekli istediği açık kaynaklı tasarım katmanıdır. Antigravity'yi birinci taraf bir adaptör olarak ele alır ve onu küratörlü bir skill ve tasarım sistemi kütüphanesi, yapılandırılmış bir render hattı ve yerel bir masaüstü kullanıcı arayüzü ile sarar — böylece Antigravity'yi iyi yapan tasarım bağlamı her seferinde elle birleştirilmek yerine ilk çalıştırmadan itibaren oradadır. Open Design açık kaynaklıdır ve yerel önceliklidir, bu da eşleştirmeyi doğal bir uyum haline getirir.

  1. Open Design'ı yükleyin ve ajanınız olarak Antigravity'yi seçin.
  2. Google hesabınızla kimlik doğrulaması yapın — kimlik bilgileri makinenizde kalır ve asla bizim aracılığımızla proxy'lenmez.
  3. Bir tasarım sistemi ve bir skill seçin, ardından tutarlı zevkle desteler, prototipler ve açılış sayfaları oluşturun.
  4. Her yapı ve DESIGN.md dosyası barındırılan bir bulutta değil, kendi repo'nuzda yaşar.

Aynı Antigravity ajanı, aynı Google hesabı — artı etrafında gerçek, taşınabilir, açık kaynaklı bir tasarım iş akışı. Open Design yerel önceliklidir ve Apache-2.0'dır, dolayısıyla çalışmanız veya kimlik bilgilerinizle ilgili hiçbir şey makinenizi terk etmez.

Sıkça sorulan sorular

  1. 01 Antigravity gerçekten tasarım işi yapabilir mi?

    Evet — bir estetik skill, bir tasarım sistemi ve bağlama yerleştirilmiş gerçek referans görselleriyle Antigravity üretime hazır, duyarlı kullanıcı arayüzleri üretir ve çok modlu Gemini 3.x ajanları çıktıyı entegre tarayıcıda doğrular. Bu bağlam olmadan jenerik bir görünüme yönelme eğilimindedir; Open Design işte bu boşluğu doldurur.

  2. 02 Antigravity ile tasarım yapmak için ödeme yapmam gerekir mi?

    Antigravity bireyler için ücretsiz olarak genel önizleme aşamasında kullanıma sunulmuştur; kişisel bir Google hesabıyla oturum açtığınızda Gemini 3.x üzerinde cömert hız limitleri mevcuttur. Open Design de kimlik bilgilerinizi hiçbir şekilde proxy olarak iletmez.

  3. 03 Antigravity'yi tasarım için özel kılan nedir?

    Üç şey: ajanları referans ekran görüntülerini iyi okuyan, doğal olarak çok modlu Gemini 3.x modelleri üzerinde çalışır, ajanın kullanıcı arayüzünü doğrulamak için kullanabileceği entegre bir tarayıcı ile gelir ve inceleyebileceğiniz Artifacts — ekran görüntüleri ve tarayıcı kayıtları — sunar. Zevk hâlâ sağladığınız tasarım sistemi, skill ve referanslardan gelir.

  4. 04 Ön yüz tasarımı için Antigravity mi yoksa Claude Code mu?

    İkisi de güçlü. Claude Code belirli, kod tabanı farkında tasarım kararlarıyla bilinir; Antigravity'nin avantajı ajan odaklı platformudur — çok modlu Gemini 3.x, doğrulama için entegre tarayıcı ve incelenebilir Artifacts. Pek çok ekip her ikisini de kullanır — Open Design tasarım iş akışınızı değiştirmeden ajan değiştirmenize olanak tanır.

  5. 05 Antigravity'nin yaptığı işi nasıl doğrularım?

    Antigravity ajanlarının kullanabileceği entegre bir tarayıcı ile gelir; böylece kullanıcı arayüzünü render ederler, farklı kesme noktalarında kontrol ederler ve ekran görüntüleri ile tarayıcı kayıtlarını Artifacts olarak yakalarlar. Bu Artifacts'leri incelemek — ve ajanın çıktısını referanslarınızla karşılaştırmasını sağlamak — sonucun spesifikasyona uygun kalmasını sağlar.

  6. 06 Open Design Google ile bağlantılı mı?

    Hayır. Antigravity bir Google ürünüdür; Open Design ise onu birinci taraf adaptör olarak destekleyen bağımsız bir açık kaynak projesidir. Antigravity ve Gemini, Google'ın ticari markalarıdır.

  7. 07 Dosyalarım ve kimlik bilgilerim güvende mi?

    Evet — Open Design yerel önceliklidir ve Apache-2.0 lisanslıdır. Dosyalarınız, artifactlarınız ve DESIGN.md kendi repository'nizde kalır; Google kimlik bilgileriniz doğrudan ajanınız tarafından kullanılır, Open Design sunucularından asla geçmez.

Antigravity ile açık yoldan tasarım yapın.

Kendi Google hesabınızı getirin, her dosyayı yerel tutun ve zaten kullandığınız ajanın etrafında derlenmiş bir tasarım kütüphanesi edinin.

● Apache-2.0 Apache-2.0 · Dünya üzerinde yapıldı · BYOK Desteklenen tüm agent'ları gör