Tasarım güncellemeleri yapma ve yayma

Bu bölümde, Figma'da bir bileşeni nasıl değiştireceğinizi (bu örnekte metnin biçimlendirmesini değiştireceğinizi) ve değişikliklerin, önceki projenizin üzerine koyarak değişikliklerin Android Studio'daki kod tabanına nasıl yayıldığını göreceksiniz.

Figma'daki değişiklikler

Figma bileşeninde bir güncelleme yapalım. Figma dosyanıza geri dönün:

1. Başlık metin katmanını seçin. Metin bölümünde, stili Kalın olarak değiştirin.

   

Adlandırılmış sürümü kaydet

Şimdi, güncellenen bileşeni kod tabanınıza entegre edin. Geliştiricilerin, bileşeninizin yeni sürümünü kullandığından emin olmak için sürüm kaydetme adımlarını tekrarlayın.

1. Açık değilse Figma Relay eklentisini açın.

2. Geliştiriciyle paylaş'ı tıklayın.

   

3. Geliştiriciyle paylaş ekranında, Sürüm geçmişini kaydet bölümüne yeni bir sürüm adı ve açıklaması girebilirsiniz.

   

4. Yeni bağlantıyı panoya kopyalamak için Mac'te CMD-L veya Windows'da klavyede CTRL-L tuşlarına basın.

Bileşen kodunu güncelleme

Şimdi bileşeni tekrar içe aktaralım:

1. Android Studio'da, Proje aracı penceresinin Android görünümünde olduğundan emin olun. Ardından app/ui-packages/hello_card/ öğesini sağ tıklayıp Kullanıcı Arayüzü Paketini Güncelle'yi seçin.

   

   Sağ alt köşedeki yükleme çubuğunun tamamlanmasını bekleyin:

   

2. Projenizi derlemek için simgesini tıklayın ve app/java/com/example/hellofigma/MainActivity.kt önizlemesinde güncellenmiş bileşeni inceleyin. Metin artık kalın yazılmıştır.

   

   

3. Aynı güncellemeleri emülatörde görmek için uygulamayı çalıştırın.

   

   

Sonraki adım

Bir tasarımı güncellediğimize ve ortaya çıkan kodun nasıl güncellendiğini gördüğümüze göre, dikkatimizi bileşenlerimizde değişken verilere olanak tanıyan içerik parametreleriyle tasarımımıza not eklemeye yönlendirebiliriz.