Adobe XD için Flutter Eklentisi

Güncelleme tarihi: 30 May 2020



Geçtiğimiz Aralık ayı sonunda düzenlenen Flutter Interact 2019 'da, mobil uygulama arayüzleri oluşturma çözümlerinin en popülerlerinden olan Adobe XD (Experience Design) ile hazırlanan tasarımların çok kolay bir şekilde Dart kodlarına dönüştürülerek Flutter projelerine dahil edilebilecek bir eklenti üzerinde çalışıldığı bilgisi verilmişti.


XD to Flutter isimli bu eklenti bu hafta başı itibariyle erken erişim olarak 0.1.0 sürümü ile XD eklenti alanından da kullanımımıza sunuldu.



Adobe XD’nin zaten hatırı sayılır sayıda servis ve uygulama ile entegre çalışabilmesi için eklentiler mevcut olmakla birlikte bunlara Flutter eklentisinin eklenmiş olması biz Flutter geliştiricilerici için çok güzel bir gelişme oldu.


 

Dilerseniz hemen biz de mevcut bir Flutter projesinde nasıl kullanıyoruz, tasarımı nasıl koda dönüştürüp uygulamaya ekletiyoruz görelim:


1 - Eklenti Kurulumu


Adobe XD yazılımında eklentiler kısmına gelip XD to Flutter isimli eklentiyi kuruyoruz. (Dikkat edin, görseli olmayan birkaç Flutter eklentisi daha mevcut, onlar kafanızı karıştırmasın.)