Tasarım ile kod arasında gidip gelmek
Çorum’dan yaratıcı notlar · Lebi’nin masasından
Figma'nın Workflow Lab örneği, tasarım sistemi bağlamının kod üretiminde neden önemli olduğunu somut bir akış üzerinden anlatıyor.
Figma'nın Ağustos 2026 Workflow Lab yazısı, tasarım ile kod arasında ajanların nasıl çalışabileceğini bir örnekle gösteriyor. Figma MCP ve Code Connect, ajana bileşen ve değişken bağlamı vermek için kullanılıyor. Buradaki ilginç nokta daha hızlı kod değil, doğru bileşeni seçme ihtimalinin artması.
Bağlam yoksa bir ajan ekranda gördüğü düğmeyi yeniden çizebilir. Görünüş benzer olsa bile klavye davranışı, hata durumu ve tasarım sistemiyle bağı kopabilir. Var olan bileşenin adını ve kullanım kuralını bilmek, sıradan bir taklit yerine ürünün parçası olan çözüm üretmeye yardım eder.
Bu akışın değeri iki yönlü olmasıdır. Tasarım değişikliği kodda, kodun kısıtı tasarımda konuşulabilir. Yine de otomatik eşleştirme kararın tamamını vermez. Bileşenin gerçekten uygun olup olmadığını ekip incelemeli; özellikle erişilebilirlik ve uzun içerik durumlarını test etmeli.
Kendi ekibinizde küçük bir deney yapın: Tek bir ürün kartını hem yalnızca ekran görüntüsünden hem de tasarım sistemi bağlamıyla geliştirin. Çıkan kodun tekrar kullanımını, durum kapsamını ve görsel tutarlılığını karşılaştırın. Hızın yanına yeniden işleme maliyetini de yazın.
Tasarım dosyası ile kod deposu farklı odalarda yaşamak zorunda değil. İyi bağlantı, iki ekibin de neden aynı kararı verdiğini görünür kılar. En faydalı ajan, iki tarafın sözlüğünü bilen ajandır.
Tasarım kararlarını çalışan bir ürüne dönüştürürken web geliştirme hizmetimize göz atabilirsiniz.
Kaynaklar Figma — Workflow lab: Moving between design and code with agents: https://www.figma.com/blog/workflow-lab-moving-between-design-and-code-with-agents/