Kombai: Figma Tasarımlarını Koda Dönüştürme Aracı
Kombai, Figma tasarımlarını zahmetsizce ön uç koda dönüştüren yapay zeka destekli bir araçtır. Tasarımcılar ve geliştiriciler arasındaki geliştirme geçiş sürecini kolaylaştırmayı ve zaman tasarrufu sağlamayı hedefler. Kullanıcılar, Figma tasarımlarını sadece bir tıklama ile yüksek kaliteli kullanıcı arayüzü koduna dönüştürebilirler. Kombai, mantıklı div yapılarını ve insan benzeri isimlerle React bileşenleri otomatik olarak oluşturur. Ayrıca, sabit boyutlar olmadan flex için CSS sağlar ve uygun flex-grow, flex-shrink, justify-content gibi stiller üretir. Kombai, döngüler ve koşullar içeren yüksek kaliteli JavaScript kodu oluşturur ve kolayca değiştirilebilecek sahte veriler sağlar.
Kombai, form elemanlarını işlevsel bileşenler olarak sunar; butonlar, giriş alanları, seçim kutuları, onay kutuları ve anahtarlar gibi unsurlar MUI Base veya HTML kullanarak oluşturulabilir. Kullanıcıların tasarım öğelerini belirli bir şekilde etiketlemesine, adlandırmasına veya gruplamasına gerek yoktur. Araç, tasarımın bir geliştirici için nasıl "görüneceğine" dayalı olarak kod oluşturmak üzere eğitilmiştir. Kombai, modern yanıt veren uygulamalar için uygun kod üretmek amacıyla React'i desteklemektedir. 15 ay süresince geliştirilen bu araç, güvenilir ve doğru kod çıktısı sağlamak için özel olarak tasarlanmış modellerden oluşmaktadır.