Figma Specs, ajanlara markanın tasarım dilini öğretiyor

Figma, 15 Ekim'de Bengaluru'da düzenlediği ilk Hindistan Config etkinliğinde Figma Specs'i tanıttı. Specs, ekiplerin şirketin tasarım dilini yazıya döktüğü Markdown tabanlı bir düzenleyici. Buradaki kurallar hem insan tasarımcılar hem de yapay zekâ ajanları için başvuru kaynağı oluyor. Aynı etkinlikte kod katmanları (Code Layers) özelliği kapalı betadan herkese açık betaya geçti. Figma, Hindistan'ı ABD dışındaki en büyük kullanıcı pazarı olarak tanımlıyor.

Specs belgeleri ayrı dosyalar olarak durabiliyor ya da tasarım tuvalinin üzerinde yer alabiliyor. Belgeler tuvaldeki öğelere, FigJam diyagramlarına, kod katmanlarına ve tasarımlara bağlanabiliyor. Ekipler tasarım kütüphanelerini, kod kütüphanelerini ve yazılı kuralları tek bir bağlamda birleştiriyor ve ajanlar bu bağlama bakarak çalışıyor. Figma'nın örneği şöyle: bir ödeme akışı tasarlayan ajan, yeni bir buton icat etmek yerine markanın gerçek buton stilini kullanıyor. Figma'nın MCP desteği de 20'den fazla yeni araca genişledi; Payload içerik yönetim sistemi ise Figma Make'e bağlandı.

Markdown, başlık, liste ve vurgu gibi biçimleri basit işaretlerle yazmaya yarayan sade bir metin biçimi; hem insanlar hem yapay zekâ modelleri tarafından kolayca okunuyor. Tasarım sistemi, bir markanın renklerini, yazı tiplerini, bileşenlerini ve kullanım kurallarını tek yerde toplayan rehber. MCP (Model Context Protocol), yapay zekâ modellerinin dış araçlara ve verilere standart bir yolla bağlanmasını sağlayan protokol. Figma'nın MCP desteği, bir kodlama ajanının Figma'daki tasarımı doğrudan okuyabilmesi demek.

Yapay zekâ ajanları hızlı arayüz üretiyor ama ürettikleri genellikle markaya ait değil. Renkler biraz farklı, boşluklar tutarsız, bileşenler sıfırdan yeniden icat edilmiş oluyor. Sonuç, tasarımcıların ajan çıktısını düzeltmeye saatler harcaması. Specs, kuralları ajanın okuyabileceği bir biçimde tek yerde toplayarak bu açığı kapatmayı hedefliyor. Bu yaklaşım yazılım dünyasındaki bir eğilimin tasarıma yansıması: kodlama ajanları için de proje kurallarını anlatan Markdown dosyaları artık standart hâline geldi.

Tasarımın değeri, ajanların çağında da kayboluyor değil; biçim değiştiriyor. Tasarımcının işi tek tek ekran çizmekten, ajanların uyacağı kuralları yazmaya kayıyor. İyi tanımlanmış bir tasarım sistemi olan markalar ajanlardan tutarlı sonuç alacak, olmayanlar ise her çıktıyı elle düzeltecek.

Etkinliğin diğer duyuruları da aynı yöne işaret ediyor. Kod katmanları, tasarım tuvalinin içinde gerçek, çalışan kod bileşenleri kullanmayı sağlıyor; böylece tasarım ile geliştirme arasındaki çeviri adımı kısalıyor. Figma'nın satın aldığı başsız içerik yönetim sistemi Payload'ın Figma Make'e bağlanması ise tasarımdan doğrudan içerik yönetilen bir siteye geçişi kolaylaştırıyor. Figma'ya göre Payload'ın indirme sayısı son 12 ayda altı kat arttı.

Specs'in genel kullanıma açılma tarihi ve fiyatlandırması açıklanmadı. Kod katmanlarının açık betası ise şimdiden kullanılabiliyor.

Rakip araçların da benzer kural dosyalarını desteklemesi bekleniyor; tasarım kurallarını düz metin olarak yazmak, hangi aracı seçersen seç işe yarayacak.

Yapay zekâyla web sitesi, sosyal medya görseli ya da arayüz üretiyorsan markanın kurallarını yazıya dökmenin tam zamanı:

• Bir sayfalık marka rehberi yaz. Renk kodları, yazı tipi, logo kullanımı ve ton; düz metin olarak, her yapay zekâ aracına yapıştırılabilecek biçimde.
• Bileşenlerini adlandır. Buton, kart, başlık gibi tekrar eden öğeleri tek yerde tanımla; ajan ve insan aynı dili konuşsun.
• Çıktıyı rehbere göre denetle. Ajanın ürettiği her işi aynı kontrol listesiyle gözden geçir.