Figma Eklentisi

Figma için Crowdin eklentisi ile hem tasarımcılar hem de geliştiriciler için zamandan tasarruf etmek amacıyla tasarımlarınızda Crowdin’den gelen metinleri kullanabilirsiniz. Bunlar orijinal veya çevrilmiş metinleri içerebilir. Gerekirse yenilerini ekleyebilir (örn. ileti öğesi başlıkları, düğme etiketleri) ve bunları Crowdin’deki çevirmenlere gönderebilirsiniz.

Kullanım Durumları

• Hızlı bir şekilde çok dilli yaratıcı varlıklar oluşturun.
• Programlama başlamadan önce modelleri çevirin ve bunları farklı dillerde deneyin.
• ‘Lorem Ipsum’ tabirini kullanmayı bırakın, bunun yerine Crowdin’den gelen gerçek metinleri asıl örneklerinize ekleyin. Crowdin’den eklenen dizgiler, Figma’daki metin alanlarına bağlantılanır.
• Tasarımlarınızdan kaynak dizgiler oluşturun ve Crowdin projenize yükleyin. Oluşturulan dizgiler, Figma’daki metin alanlarına bağlantılanır. Bu şekilde geliştiriciler, yüklenen dizgileri kullanarak geliştirme için harcanan süreyi azaltabilir.
• Tasarımlarınızda çevirileri ve dizgi anahtarlarını önizleyin.
• Etiketli ekran görüntülerini Crowdin projenize yükleyin.

Figma için Crowdin Eklentisini İlk Kez Çalıştırma

1. Figma’ya giriş yapın.
2. Tasarım dosyalarınızdan birini açın veya Yeni tasarım dosyası’na tıklayın.
3. Dosya menüsünde Eklentiler > Eklentileri yönet…’e tıklayın. Alternatif olarak, tuvale sağ tıklayın ve Eklentiler > Eklentileri yönet’e tıklayın.
4. Figma için Crowdin eklentisini bulmak amacıyla Tüm eklentileri ara alanını kullanın.
5. Figma için Crowdin eklentisine tıklayın ve Kaydet’i seçin.
6. Figma için Crowdin eklentisinin üzerine gelin ve Çalıştır’a tıklayın.

Figma’yı Crowdin Hesabı ile Bağlama

Crowdin Kimlik Bilgilerini Ayarlama

Figma’da Crowdin kimlik bilgilerinizi belirlemek için şu adımları izleyin:

1. Dosya menüsünde Eklentiler > Kayıtlı eklentiler’e gidin. Alternatif olarak, tuvale sağ tıklayın ve Eklentiler > Kayıtlı eklentiler’e tıklayın.
2. Figma için Crowdin’e tıklayın.
3. Ayarlar’a geçin.
4. Kişisel Erişim Belirteci’nizi girin.
5. Bağlan’a tıklayın.

Crowdin’de yeni bir belirteç oluşturmak için şu adımları izleyin:

1. Hesap Ayarları > API, Kişisel Erişim Belirteçleri bölümüne gidin ve Yeni Belirteç’e tıklayın.
2. Belirteç Adı’nı belirtin, Kapsamlar’ı seçin ve Oluştur’a tıklayın.

Crowdin projesi seçme

Çalışmak istediğiniz projeyi seçmek için Ayarlar > Crowdin Projesi içinde açılır menüye tıklayın ve listeden bir proje seçin. Daha sonra, gerekirse başka bir projeye geçmek için aynı bölümde Bağlantıyı kes’e tıklayabilirsiniz.

Bu projede çalışacağınız içerik türünü seçin ve Kaydet’e tıklayın.

Mevcut seçeneklerden birini seçebilirsiniz:

• Kullanıcı Arayüzü Yerelleştirme
• Pazarlama Görselleri Yerelleştirme

Seçilen içerik türü seçeneği, Figma için Crowdin eklentisinin hangi kipinde kullanıcıya sunulacağını etkiler.

İçeriğinizin yükleneceği belirli dalı seçin. Eğer Crowdin projenizin dalları yoksa, boş bırakın.

Kullanıcı Arayüzü Yerelleştirme

Kullanıcı arayüzünü yerelleştirirken, geliştirme ve pazarlama ekiplerinizle değişken sayfalar üzerinde çalışırken Dizgiler sekmesini kullanın. Bu sekmede, Crowdin’den Figma’daki tasarımlarınıza tek bir tıklamayla kaynak dizgileri ekleyebilirsiniz. Metinler tasarımlarda kullanıldıktan sonra, çevirmenlerin Crowdin’e geri başvurması için etiketli ekran görüntülerini otomatik olarak yükleyebilirsiniz.

Figma’da Crowdin’den Kaynak Dizgileri Kullanma

1. Figma için Crowdin eklentisini açın.
2. Dizgiler sekmesinde, belirli kopyayı bulmak için Arama alanını kullanın. Dizgileri kaynak metne, dizgi tanımlayıcıya veya bağlama göre arayabilirsiniz.
3. Metin eklemek istediğiniz metin katmanını seçin ve gerekli dizginin yanındaki bağlantı simgesine tıklayın.

Tasarımlarınızda Crowdin’deki kaynak dizgileri kullandıktan sonra, metin alanlarıyla bağlantılı hale gelirler ve Figma’da bu dizgiler için çevirileri önizleyebilir ve bunlar için ekran görüntülerini Crowdin projenize yükleyebilirsiniz.

Tek bir Crowdin dizgisini Figma’daki bir veya birden çok metin alanına bağlantılayabilirsiniz. Ancak, bir metin alanı sadece tek bir Crowdin dizgisine bağlantılanabilir. Eğer varolan bir bağlantıya sahip bir metin alanını yeni bir Crowdin dizgisine bağlantılarsanız, önceki bağlantı sonlandırılacak ve yeni bir bağlantı kurulacaktır. Eğer bir Crowdin dizgisinin daha önce bağlantılı olduğu tüm metin alanlarından bağlantısını kaldırmak istiyorsanız, gerekli dizginin yanındaki bağlantı simgesine sağ tıklayın.

Figma’dan Crowdin’e Kaynak Dizgileri Ekleme

Tasarımlarda zaten kullanılmış olan dizgileri ekleyebilirsiniz.

1. Figma için Crowdin eklentisini açın.
2. Tasarımlarda kullanılan dizgileri eklemek için bütün çerçeveyi, birden çok çerçeveyi veya çerçevelerde gerekli dizgileri seçin.
3. Dizgiler sekmesinde, simgesine tıklayın.
4. Görünen ileti öğesinde, gerekli alanları doldurun. Gerekirse görüntülenen dizgileri süzebilirsiniz:
   • Bazı çerçeveler Crowdin’e eklenmemesi gereken gizli öğeler içeriyorsa Gizli öğeleri atla süzgeci seçeneğini seçin.
   • Bazı çerçeveler Crowdin’e eklenmemesi gereken çevrilmemiş öğeler içeriyorsa Çevrilmemiş öğeleri atla süzgeci seçeneğini seçin.
5. (İsteğe bağlı) Dizgi bağlamını güncellemek ve çevrilmiş metnin en fazla uzunluğunu ayarlamak için gereken dizgiye doğru simgesine tıklayın.
6. Gerekli tüm dizgiler seçildikten ve yapılandırıldıktan sonra, İleri’ye tıklayın.
7. Sonraki ileti öğesi sayfasında tercih edilen seçenekleri seçin:
   • Varolan dizgileri otomatik olarak bağlantıla – metni Crowdin’deki varolan dizgilerle otomatik olarak karşılaştırır. Eğer bir eşleşme varsa, metin öğesi Crowdin projesindeki dizgiye bağlantılanacaktır.
   • Eksik anahtarlar oluştur – Crowdin’e sadece yeni metin öğeleri eklenir.
   • (İsteğe bağlı) Dizgilere etiketleri eklemek için bunları alternatif olarak Etiket Seç açılır menüsünden seçin.
   • Kopyaları birleştir – Crowdin’de aynı metin öğelerini tek bir yeni dizgiye bağlantılar. Aşağıdaki durumlarda yararlıdır:
     • Aynı metne sahip birden çok metin alanı eklerken, eklenti Crowdin projenize sadece bir dizgi ekleyecek ve tüm kopya metin alanlarını buna bağlantılayacak.
     • Eğer Crowdin projeniz, tasarımlardan eklediğiniz aynı metne sahip bir dizgi zaten içeriyorsa, eklenti sadece metin alanlarını varolan dizgiye bağlantılayacak ve yeni bir tane oluşturmayacak.
   • Ekran görüntüleri gönder
8. Crowdin’de dizgileri eklemek istediğiniz dosyayı seçin. Crowdin’deki birden çok dosyaya aynı dizgileri eklemek için alternatif olarak Dosya Seç açılır menüsünden gerekli dosyaları seçin.
9. Gönder’e tıklayın.
10. Dizgiler Crowdin’e eklendikten sonra, gönderilen içeriğin bir özetini göreceksiniz.

Eklenen dizgiler, Crowdin projenize aktarılacak ve ayrıca Dizgiler sekmesinin listesinde görüntülenecektir. Aynı listedeki dizgileri istediğiniz zaman düzenleyebilir, gizleyebilir veya silebilirsiniz. İlgili değişiklikler, Crowdin projenizdeki dizgilere de uygulanacaktır.

Çoğul Biçimlerle Kaynak Dizgileri Ekleme

Çoğul biçimli dizgiler ekleyebilirsiniz.

1. Figma için Crowdin eklentisini açın.
2. Tasarımlarda kullanılan dizgileri eklemek için bütün çerçeveyi, birden çok çerçeveyi veya çerçevelerde gerekli dizgileri seçin.
3. Dizgiler sekmesinde, simgesine tıklayın.
4. Görünen ileti öğesinde, gerekli alanları doldurun. Gerekirse görüntülenen dizgileri süzebilirsiniz.
   Not: Çoğul dizgiler eklenirken, Dizgi sütunundaki alanlar diğer çoğul biçiminin eklenmesine yarar.
5. Gereken dizgiye doğru simgesine tıklayın ve Çoğullar ekle’ye tıklayın.
6. Görünen ileti öğesinde, her bir çoğul biçim için alanları doldurun ve Kaydet’e tıklayın. Bağlı Crowdin projesinin kaynak diline bağlı olarak, belirtmeniz gereken farklı sayıda çoğul biçimler olabilir.
   Not: Çoğul dizgileri sadece çoğul biçimleri destekleyen dosyalara ekleyebilirsiniz (örn. Android XML, Stringsdict, XLIFF, vb.).
7. Gerekli tüm dizgiler seçildikten ve yapılandırıldıktan sonra, İleri’ye tıklayın.
8. Sonraki ileti öğesi sayfasında tercih edilen seçenekleri seçin.
9. Crowdin’de dizgileri eklemek istediğiniz dosyayı seçin.
10. Gönder’e tıklayın.

Çoğul Biçimler hakkında daha fazlasını okuyun.

ICU Kaynak Dizgi Yer Tutucularını Yapılandırma

Tasarımınızda ICU dizgileri kullanırken, yer tutucuların değerlerini ayarlayabilirsiniz ve bu tür dizgileri tasarımlara ekledikten sonra, önceden yapılandırılmış değerlerle biçimlendirilmiş bir görünümde görüntüleneceklerdir.

Crowdin’den gerekli ICU dizgisini tasarımınızda kullanmanızdan sonra, yer tutucu değerlerini yapılandırabilirsiniz.

1. Figma için Crowdin eklentisini açın.
2. Dizgiler sekmesinde, belirli kopyayı bulmak için Arama alanını kullanın. Dizgileri kaynak metne, dizgi tanımlayıcıya veya bağlama göre arayabilirsiniz.
3. Gerekli ICU dizgisindeki simgesine tıklayın.
4. Yer tutucuları ayarla’ya tıklayın.
5. ICU dizgisi yer tutucuları için gerekli değerleri yazın.
6. Girilen yer tutucuları kaydetmek için Gönder’e tıklayın.
7. Tasarımlarda kaynak dizgi metnini güncellemek için Gönder’e tıklayın.

Figma’da ICU dizgileri için çevirileri önizlerken, değerler önceden yapılandırılmışsa bunlar da biçimlendirilmiş bir görünümde görüntülenecektir.

Anahtar Adlandırma Şekli Ayarları

Figma’dan Crowdin projesine dizgiler eklemeyi basitleştirmek için eklenti ayarlarında kaynak dizgi tanımlayıcıları için istenen anahtar adlandırma şeklini ayarlayabilirsiniz. Figma için Crowdin eklentisi, seçilen şekle göre yeni dizgiler için dizgi tanımlayıcıları önerecek. Yeni kaynak dizgileri eklerken, önerilen tanımlayıcıyı her zaman tercih edilen görünüme göre düzenleyebilirsiniz.

Anahtar adlandırma şeklini seçmek için şu adımları izleyin:

1. Figma için Crowdin eklentisini açın.
2. Ayarlar’a geçin.
3. Anahtar adlandırma şekli bölümünde, açılır menüden tercih edilen seçeneği seçin.

Varolan şekillerin yanı sıra kendi şeklinizi de yapılandırabilirsiniz. Özel bir şekil kullanmak için açılır listeden Özel anahtar adlandırma şekli seçeneğini seçin ve Özel Anahtar Adlandırma Şekli alanında şeklinizi belirtin.

Etiketli Ekran Görüntülerini Crowdin’e Yükleme

Tasarımlarda kullanılan kaynak dizgileri eklerken, Ekran görüntüleri gönder seçeneğinin seçili olduğundan emin olun. Sonuç olarak, Figma için Crowdin eklentisi, kaynak dizgilerle birlikte ekran görüntülerini yükleyecektir.

Ayrıca, tasarımlardaki metin alanlarına bağlantılı bir Crowdin dizgisini düzenlerken Ekran görüntülerini güncelle seçeneğiyle ekran görüntülerini güncelleyebilirsiniz.

Ek olarak, tasarımlardaki metin alanlarıyla bağlantılı dizgiler için ekran görüntülerini Crowdin’e toplu olarak yükleyebilirsiniz.

1. Figma için Crowdin eklentisini açın.
2. Bağlantılı dizgilere sahip bir veya daha fazla çerçeve seçin.
3. Dizgiler sekmesinde, seçilen çerçeveler için ekran görüntülerini yüklemek amacıyla simgesine tıklayın.

Daha fazla bilgi edinmek için Ekran Görüntüleri makalesini okuyun.

Dizgileri Önizleme

Figma’daki tasarımlarda kullanılan dizgiler için Crowdin’den çevirileri önizleyin. Çevirileri yeni çerçevelerde veya orijinal çerçevelerde önizleyebilirsiniz. Yeni çerçevelerde çevirileri önizlerken, geliştiriciler tarafından daha fazla kullanmak için bunları gerçek çevirilerle veya dizgi anahtarlarıyla doldurabilirsiniz.

Çevirilerle doldurulmuş dizgileri önizlemek için şu adımları izleyin:

1. Figma için Crowdin eklentisini açın.
2. Dizgiler > Dizgileri Önizle bölümünde,Çoğaltılmış sayfada önizle veya Şu anki sayfada önizle’yi seçin.
3. Dil ile oluştur’u seçin.
4. Çevirilerini önizlemek istediğiniz hedef dili seçin (isteğe bağlı olarak tercih edilen çoğul biçimleri seçebilirsiniz). Ayrıca Tüm diller’i seçebilirsiniz.
5. Figma’da önizlemek istediğiniz içeriği seçin. Tüm Çerçeveler’i veya Seçilen Çerçeveler’i seçin.

Anahtar adlarıyla doldurulmuş dizgileri önizlemek için şu adımları izleyin:

1. Figma için Crowdin eklentisini açın.
2. Dizgiler > Dizgileri Önizle bölümünde, Çoğaltılmış sayfada önizle’yi seçin.
3. Anahtar adları ile oluştur’u seçin.
4. Figma’da önizlemek istediğiniz içeriği seçin. Tüm Çerçeveler’i veya Seçilen Çerçeveler’i seçin.

Dizgileri Süzme

Sadece belirli metin alanlarına bağlantılı dizgileri görüntülemek için şu adımları izleyin:

1. Gerekli metin alanlarını seçin.
2. Dizgiler sekmesinde Dizgileri süz’e tıklayın.
3. Seçilen metin öğelerine bağlantılı dizgileri göster’i seçin.

Aynı şekilde, tüm çerçeve veya birden çok çerçeve için metin alanlarına bağlantılı dizgileri süzebilirsiniz.

Pazarlama Görselleri Yerelleştirme

Broşürler ve afişler gibi sabit sayfaları yerelleştirmek için Sayfalar sekmesini kullanın. Bu sekmede, çevirmenler için bağlama sahip metinleri Crowdin’e gönderebilir ve çevrilmiş kopyaları Figma’ya geri yükleyebilirsiniz.

Crowdin’e Çeviri için Metinleri Gönderme

Bir Figma dosyasından ya seçilen ya da tüm çerçevelerden gelen çeviri için metni gönderebilirsiniz. Çevirmenler, liste görünümünde bu metinlerle çalışabilecek ve tasarımları daha da yüksek çeviri kalitesi için ek bir bağlam olarak kullanacaklar.

Crowdin’de, bir figma-plugin kök klasörü oluşturulacaktır. İçinde her çerçeve için HTML dosyaları içeren Figma dosyanızdan sonra adlandırılan bir alt klasör içerecek. Eğer gerekirse, eklentide Ayarlar, içerik bölümlemesini etkisizleştirebilirsiniz, böylece uzun metinler cümlelere bölünmeyecektir.

Çeviri amacıyla Figma tasarımlarını göndermek için şu adımları izleyin:

1. Gerekli Figma dosyasını açın.
2. Eklentiler > Figma için Crowdin’e gidin.
3. Sayfalar > Figma’dan Crowdin’e bölümünde, çevirmek istediğiniz içeriği seçin. Tüm Çerçeveler’i veya Seçilen Çerçeveler’i seçin.

Kaynak dosyalar Crowdin projenize yüklendiğinde, katkıda bulunanları bunları çevirmeye ve düzeltmeye davet edebilirsiniz.

Çeviri stratejileri hakkında daha fazlasını okuyun.

Sözde Yerelleştirme

Çeviriler tamamlanmadan önce bile, sözde yerelleştirme kullanılarak uygulamanızın yerelleştirilmeye hazır olup olmadığını deneyebilirsiniz. Bu özellik, proje yerelleştirmesi başlamadan önce kaynak dizgilerinin değiştirilmesi gerekip gerekmediğini denetlemek için uygulamanın kullanıcı arayüzünün farklı dillerde nasıl görüneceğini benzetmenizi sağlar.

Metinlerinizi çeviri için gönderdikten sonra, sözde yerelleştirmeye başlayabilirsiniz.

1. Gerekli Figma dosyasını açın.
2. Eklentiler > Figma için Crowdin’e gidin.
3. Sayfalar > Sözde yerelleştirme bölümünde, sözde yerelleştirme ile denemek istediğiniz içeriği seçin. Tüm Çerçeveler’i veya Seçilen Çerçeveler’i seçin.
4. Görünen ileti öğesinde, ayarları tercihlerinize göre yapılandırın.
5. Gönder’e tıklayın.

Sözde yerelleştirme hakkında daha fazlasını okuyun.

Crowdin’den Figma’ya Çevirileri Yükleme

Çevrilen kopyayı Figma içinde denemek veya çok dilli varlıklar oluşturmak istediğinizde metinleri Figma ve Crowdin projeleri arasında eşitleyebilirsiniz.

Çevrilen kopyaları Figma’ya yüklemek için şu adımları izleyin:

1. Gerekli Figma dosyasını açın.
2. Eklentiler > Figma için Crowdin’e gidin.
3. Sayfalar sekmesinde, Crowdin’den Figma’ya bölümünde, çevirilerini yüklemek istediğiniz hedef dili seçin. Ayrıca Tüm diller’i seçebilirsiniz.
4. Figma’da önizlemek istediğiniz içeriği seçin. Tüm Çerçeveler’i veya Seçilen Çerçeveler’i seçin.
   Not: Figma’daki sayfa adları sadece harflerden (a-z, A-Z), sayılardan (0-9) ve özel karakterlerden - _ . oluşabilir

   

Figma’ya çevirilerin yüklenmesinden sonra değiştirilen dosya, her hedef dil için çevirilerin yer aldığı ayrı bir çerçeve içerecek. Yeni yüklenen çevrilmiş sürümler, önceden yüklediğiniz sürümleri geçersiz kılmayacak. Artık ihtiyacınız olmayan çevrilmiş kopyaları her zaman silebilirsiniz.

Eğer yeni yüklenen çevrilmiş sürümlerin önceden yüklenenleri geçersiz kılmasını isterseniz, Ayarlar, eklentiyi açın ve Varolan çevirileri geçersiz kıl’ı seçin.

Dev Mode’da Figma için Crowdin Eklentisi

Figma’nın Dev Mode’u, tasarımcıların ve geliştiricilerin işbirliği yapmasına izin verir, uygulamada doğruluğu ve tasarımdan koda sorunsuz geçişi sağlar.

Figma Dev Mode hakkında daha fazlasını okuyun.

Figma için Crowdin eklentisinin Dev Mode ile bütünleştirmesi, her iki platformun işlevselliğini genişleterek tasarım ortamında yerelleştirme sürecini geliştirir. Figma’daki Dev Mode’unun sınırlamaları olsa da – salt okunurdur, Figma için Crowdin eklentisinin yetenekleri için belirli sınırlamalar uygulanır:

Ne Yapabilirsiniz:

• Dizgileri görüntülemek ve yönetmek için Dizgiler sekmesine erişin.
• Dosya, anahtar, bağlam ve etiketler dahil dizgi ayrıntılarını keşfedin.
• Verimli iş akışı için dizgi anahtarlarını hızla kopyalayın.

Dev Mode’da bulunmayan özellikler: Crowdin’e yeni dizgiler ekleme, dizgileri bağlantılama, ekran görüntüleri gönderme, çevirileri önizleme, dizgileri düzenleme, gizleme veya silme.

Dev Mode’da Figma için Crowdin Eklentisini Kullanma

Sınırlamalara rağmen Figma için Crowdin eklentisi Dev Mode’da değerini korur, geliştiricilere metin öğeleri yönetimine yönelik kolaylaştırılmış bir yaklaşım sunar. İşte tipik bir kullanım durumu:

1. Dev Mode’a Girin.
2. Sağ kenar çubuğunda Eklentiler sekmesine geçin.
3. Figma için Crowdin’e tıklayın.
4. Dizgiler sekmesinde, Dizgileri süz’e tıklayın ve Seçilen metin öğelerine bağlantılı dizgileri göster’i seçin.
5. Çerçevede gerekli dizgiyi seçin ve bu belirli dizgiyle ilgili gerekli tüm bilgileri (yani anahtar, bağlam, depolandığı dosya, etiketler) görüntülemek için dizgi listesindeki simgesinin üzerine gelin.
6. (İsteğe bağlı) Kodda daha fazla kullanmak için Dizgi anahtarını panoya kopyala’ya tıklayın.

VS Code için Figma ile Uyumluluk

Ayrıca Figma için Crowdin eklentisi, Figma için Crowdin ile sorunsuz bir şekilde bütünleşerek işlevselliğini bu ortamı kullanan geliştiricilere kadar genişletir.

Figma için Crowdin hakkında daha fazlasını okuyun.