Figma tasarım tuvalini GitHub ile birleştiriyor. Cursor farklı bir yol seçti

Figma’nın yeni özelliği Code Layers, iki yıl önce hayal gibi görünecek bir şeyi yapıyor: bir GitHub deposunu doğrudan tasarım tuvali üzerine klonlamanıza izin veriyor. Depo tuvale geldiğinde, mevcut koddan düzenlenebilir tasarım çerçeveleri çıkarabilir, görsel olarak değişiklik yapabilir ve bunları depoya geri senkronize edebilirsiniz — hepsi tek bir Figma dosyasında, gerçek zamanlı iş birliği bozulmadan. Tasarım ve geliştirme aynı pencerede.

Yıllarca teslim notları yazan, Jira biletlerine özellikler kopyalayan ya da mühendislik ekibine Zeplin bağlantıları gönderen tasarımcılar için Code Layers, tasarım ile kod arasındaki konuşmanın nerede geçtiğini değiştiriyor. Figma’daki değişiklikler temel kodu günceller; koddaki değişiklikler tasarım katmanını günceller. İki disiplin arasındaki köprü her zaman bağlam değiştirmeyi gerektirdi — şimdi o değişim daha kısa.

Figma Motion animasyonları gönderime hazır koda dönüştürüyor

Figma ayrıca doğrudan tuvale entegre edilmiş bir keyframe tabanlı animasyon zaman çizelgesi olan Motion’ı duyurdu. Tasarımcılar bir zaman çizelgesi ve hazır ayar kitaplığıyla geçişler, hover durumları ve kaydırma animasyonları oluşturabilir, ardından bunları yedi formatta dışa aktarabilir: CSS, JSON, React, MP4, WebM, Animated SVG ve GIF. Figma’da tasarlanan bir yükleme animasyonu artık bir geliştiricinin yorumlaması gereken referans belgesi değil — animasyonun kendisi.

Üçüncü büyük duyuru, Shader Effects oldu: tarayıcının en yeni grafik standardı WebGPU ile desteklenen GPU hızlandırmalı dolgular, tasarımcıların karmaşık, matematiksel olarak üretilmiş görsel dokuları doğrudan Figma katmanlarına uygulamasına izin veriyor. Figma’nın yapay zeka ajanı, bir metin açıklamasından veya yüklenen bir görüntüden bu özel gölgelendirici dolgular üretebiliyor. ‘Yumuşak mavi girişim desenleriyle donuk cam’ gibi bir ifade yazın; tuval gerçek zamanlı oluşturulan ve etkileşimli olarak ayarlanabilen bir şey üretiyor.

Yapay zeka ajanı beceriler, araçlar ve dış bağlantılar kazanıyor

Yapay zeka ajanının kendisi de kayda değer ölçüde genişledi. Artık doğal dil istemlerinden yeniden kullanılabilir ‘beceriler’ oluşturabiliyor — API bilgisi gerektirmeden tekrarlayan tasarım görevlerini otomatikleştiren özel araçlar — ve Notion, GitHub ve Microsoft Excel dahil olmak üzere dış hizmetlere doğrudan bağlanıyor. 2026’nın sonralarında gelecek bir güncelleme, Figma’nın geçen yıl satın aldığı iş akışı oluşturucusu Weavy’i ekleyecek; bu da tasarım dosyaları içinde düğüm tabanlı otomasyon sağlayacak.

Her şey bugün kullanıma hazır değil. Code Layers erken erişim aşamasında olup başvurular Temmuz 2026’da açılıyor; ücretli Figma planında Full koltuk gerektiriyor. Shader Effects ve geliştirilmiş yapay zeka ajanı ücretli planlarda zaten etkin. Figma Motion Full koltuk sahipleri için şu anda kullanılabilir; Code Layers’ın genel kullanıma açılması 2026’nın ilerleyen ayları için bekleniyor.

Figma’nın kod editörü iş akışının bir bölümünü absorbe etme hedefi somut bir soruyla karşılaşıyor: kod yazmak ve arayüz tasarlamak farklı bilişsel etkinlikler; Cursor — SpaceX‘in geçen hafta 60 milyar dolara satın aldığı yapay zeka kod editörü — mühendisler arasında kitlesi inşa etti, tasarımcılar arasında değil. İki topluluğun paylaşılan bir tuval etrafında buluşup buluşmayacağı hâlâ açık bir soru.

Etiketler: GitHub, Code Layers, Config 2026, Cursor, Figma, tasarım araçları