Claude Code Figma’ya Bağlandı

Figma, Claude Code to Figma entegrasyonunu duyurdu. Yeni özellik, Claude Code ile oluşturulan çalışan arayüzleri doğrudan Figma tuvaline aktararak düzenlenebilir tasarım karelerine dönüştürüyor.

Artık geliştiriciler; production, staging ya da localhost ortamında çalışan bir UI’yi tek hamlede yakalayıp Figma dosyasına yapıştırabiliyor. Böylece kod ortamında üretilen gerçek arayüz, tasarım ekibinin birlikte çalışabileceği bir canvas’a taşınıyor. Ekipler ekranları çoğaltabiliyor, varyasyonlar deneyebiliyor ve akışları yan yana karşılaştırabiliyor. Özellik özellikle çok adımlı kullanıcı akışlarında avantaj sağlıyor. Bir oturum içinde birden fazla ekran yakalanabiliyor ve bu akış sıralı biçimde Figma’ya aktarılabiliyor.

Böylece sadece tek bir ekran değil, deneyimin tamamı tartışmaya açılabiliyor. Figma ayrıca Figma MCP server desteğiyle ters yönde bir akış da sunuyor. Tasarım tuvalindeki bir frame bağlantısı, tekrar kod ortamına taşınabiliyor ve LLM destekli araçlarla tasarım odaklı kod üretimi yapılabiliyor. Böylece kod ve tasarım arasında çift yönlü, daha akıcı bir döngü kuruluyor. Figma, bu adımı “code-to-design” süreçlerini daha esnek ve işbirlikçi hale getirme vizyonunun parçası olarak konumlandırıyor.

Kaynak: Figma