Figma tasarım ajanını tanıttı

• Doğrudan tuval üzerinde çalışan Figma’ya özel tasarım ajanı kullanıma sunuldu; böylece tasarımcılar araç değiştirmeden yapay zeka ile iş birliği ve doğrudan düzenleme arasında geçiş yapabiliyor
• Bileşenler, token’lar, standartlar ve en iyi uygulamalar gibi tasarım sistemi bağlamını derinlemesine anlayacak şekilde ince ayar yapıldı; bu sayede Figma dosyası düzenlemeye optimize edilmiş çıktılar üretiyor
• Tasarım katmanının herhangi bir yerinden prompt başlatma, paralel prompt (parallel prompt) ile birden çok fikri aynı anda keşfetme ve ajanın kullanıcıyla eşzamanlı düzenleme yapabilmesi destekleniyor
• Toplu değişken güncelleme, bileşen değiştirme, karanlık moda geçirme, lorem ipsum metinlerini değiştirme gibi tekrarlayan angarya işleri (busywork) otomatikleştirmek için kullanılabiliyor
• Önümüzdeki birkaç hafta içinde beta olarak kademeli biçimde sunulacak; beta süresince kredi harcanmayacak ve Professional/Organization/Enterprise planlarındaki Full seat kullanıcılarına verilecek

---

Çıkış gerekçesi ve konumlandırma

• Tasarımcıların ihtiyaç duyduğu temel unsurlar keşif, deney, iş birliği ve hassasiyet; Figma da bunları mümkün kılan çok oyunculu bir tuval olarak tasarlandı
• Ekipler ajan araçlarını benimserken "hız vs hassasiyet" ve "AI üretimi vs doğrudan düzenleme" gibi yanlış ikilikler (false choices) ortaya çıkıyor; ancak Figma’ya göre bunlardan birini seçmek gerekmiyor
• Yılın başında üçüncü taraf ajanlara Figma tuvalini açmasının ardından, şimdi de tuvale ve sol panele (left rail) doğrudan gömülü Figma ajanı tanıtıldı
• Amaç, Figma’da yetkin ve ekiplerin çalışma biçimine doğal olarak uyumlu bir ajan oluşturmak; bunun için de üçüncü taraf araçlarla mümkün olmayacak düzeyde Figma’nın kendisini modelin okuyabileceği hale (legible) getirmek hedefleniyor

Figma ajanı ve MCP sunucusu

• Figma ajanı

  • Tuval üzerinde çalışırken kullanılır; gömülüdür ve tasarım sistemi hakkında ek bağlama sahiptir
  • Ek kurulum veya bağlam değişimi gerektirmeden tuvalde sürekli hazır bulunur

• MCP sunucusu

  • Kodu tuvale getirmek (pull) veya tasarımı tekrar koda aktarmak (push) için kullanılır
  • use_figma ile birlikte kod-tuval arası iş akışlarını yürütür

Temel çalışma biçimi

• Aynı dosya içinde ekiple birlikte çalışan gerçek bir iş ortağı (true collaborator) gibi tuvalin yanında çalışır
• Figma dosyası düzenlemeye uygun olacak şekilde ince ayar yapıldığından, tasarım bağlamına uygun çıktılar üretir; doğrudan düzenlemeyi mümkün kılacak biçimde tasarlandığı için kullanıcı kontrolü elinde tutar
• MCP sunucusundan farklı olarak doğrudan tuvalde bulunduğu için ek kurulum veya bağlam değişimi gerekmez
  • Herhangi bir tasarım katmanından prompt başlatılabilir
  • Aynı anda birden çok fikri açığa çıkaran paralel prompt (parallel prompting) desteklenir
  • Ajan çalışırken kullanıcı da eşzamanlı olarak düzenleme yapabilir ve yinelemeyi sürdürebilir

Daha fazla yön keşfetme (Explore more directions)

• En iyi tasarımlar ilk fikirden ya da ilk prompt’tan çıkmaz; yön keşfetmek, yaklaşımları karşılaştırmak ve yinelemek tasarımın özüdür

• Genişe gitmek (Go wide)

  • Aynı problem için birbirinden farklı stilistik yaklaşımlar hızla üretilebilir
  • Farklı iş hedeflerine göre optimize edilmiş birden çok ödeme akışı karşılaştırılabilir
  • Üç farklı bilgi mimarisi istenebilir

• Derine gitmek (Go deep)

  • Bir yön seçilip onun üzerinde yineleme yapılabilir, uygulamalar karşılaştırılabilir ve mevcut tasarım tasarım sistemiyle uyum korunarak gözden geçirilebilir
  • En sık ve en son kullanılan bileşenler başlangıç noktası olarak kullanılabilir
  • Belirli bir kütüphane seçilebilir, @ mention ile token/değişken/bileşen belirtilerek çıktının yönü kontrol edilebilir — bu, tasarım sistemi için bir tür kısayol gibidir

• Figma Make ile bağlantı

  • Figma Design içinde ajanla tasarım katmanları oluşturup akış, durum, metin ve yapı niyetini netleştirme → Make’e gönderip kod katmanları oluşturma → sonra tekrar Figma Design’a gömme
  • Ya da Figma Make’te başlama → frame’i Figma Design’a kopyalama → ajanla yineleme → yeniden Make’e gönderme
• AI ile tasarım üretmek kolaylaştıkça sıradan sonuçları yayına alma riski artıyor; ajan da daha fazla yön keşfedip doğru olanı seçmeye yardımcı olacak şekilde tasarlandı
• Bir yön netleştikten sonra doğrudan elle çalışmak çoğu zaman daha hızlı, daha doğal ve token açısından daha verimli (token efficient) oluyor

Angarya işleri otomatikleştirme (Automate busywork)

• Ajanın tuvalde birlikte çalışması sayesinde yapay zeka desteği ile doğrudan düzenleme arasında serbestçe geçiş yapılabiliyor
• Bağlam ve hassasiyet gerektiren sıkıcı işler otomatikleştirilebiliyor
  • Tutarlılık için değişken adlarını topluca yeniden adlandırma
  • Birden fazla ekranda aynı bileşeni değiştirme
  • Padding değişikliklerini tüm akış boyunca tekrar tekrar uygulama
  • Çok sayıda frame’i gerçekçi içerikle doldurma

• Somut kullanım örnekleri

  • Dosyanın tamamındaki tipografiyi güncelleme
  • Grid genelindeki lorem ipsum metinleri ve görselleri değiştirme
  • Tüm chip bileşenlerini active durumuna getirme
  • Fill ve kontrastı elle ayarlamadan ekranları karanlık moda çevirme

• Özellikle tasarım sistemi yöneticileri için faydalı

  • Kütüphane genelinde açıklamaları, etiketleri ve kullanım örneklerini topluca güncelleme
  • İsimlendirme kurallarını standartlaştırma
  • Tüm durum ve varyasyonları içeren bileşen dokümantasyonu oluşturma
  • Ekip çıktı örneklerini paylaşarak kalite rehberliği sağlama

• Figma MCP sunucusuyla handoff

  • İşler kod ile Figma arasında aslına uygunluk kaybı olmadan taşınabilir
  • Koddan başlama → code-to-canvas özelliği ile Figma’ya alıp yineleme yapma veya tasarım sistemi uygulama → MCP sunucusu üzerinden geri gönderme; her şey senkronize kalır

Geri bildirimle daha fazlasını yapma (Do more with feedback)

• Tasarım çalışmalarında eleştiri notları, paydaş tepkileri ve çözülmemiş sorular gibi yorumlar ile dosyanın farklı yerlerine dağılmış geri bildirimler birikir
• Tüm ekip aynı dosya üzerinde çalıştığı için ajan bağlama zaten sahiptir; yeni bir iş ortağını brifinglemekten ziyade zaten aynı odada olan biriyle düşünceleri toparlamak gibi hissettirir

• Kullanım biçimleri

  • Geri bildirimi özetleme, temaları belirleme ve girdileri sonraki adıma dönüştürme
  • Farklı bakış açılarından tasarımı stres testine sokma — örneğin gelire odaklanan bir VP’nin tepkisini modelleme
  • Uzun yorum zincirlerini uygulanabilir bir plana dönüştürme
  • Crit öncesi düşünceleri netleştirip yönü keskinleştirme

Yol haritası ve çıkış koşulları

• Önümüzdeki aylarda tasarım sistemi desteğini geliştirmeye, UX’i iyileştirmeye, dosya genelinde aramayı genişletmeye ve daha fazla özelleştirme yöntemi eklemeye odaklanılacak

• Beta çıkış koşulları

  • Önümüzdeki birkaç hafta içinde kademeli beta dağıtımı yapılacak
  • Beta süresince kredi harcanmayacak, genel kullanıma açıldığında (GA) AI kredileri uygulanacak
  • Bekleme listesine kayıt olunabilir; kayıt erişimi garanti etmez

• Kullanılabildiği planlar

  • Professional, Organization ve Enterprise planlarındaki Full seat kullanıcıları için sunulacak
  • Collab ve Dev seat kullanıcıları agent’ı drafts içinde kullanabilecek
  • Starter, Education ve Government planları kapsam dışı