Figma'da güzel bir tasarım yaptın. Renkler, ikonlar, butonlar — her şey mükemmel görünüyor. Sonra Godot'u açıyorsun ve hiçbir şey uymuyor. Boyutlar yanlış, renkler farklı, fontlar kaybolmuş.
Bu benim de yaşadığım sorundu. Çözdüm — işte nasıl.
Figma export ayarları, Godot'a görsel aktarma, boyut ve çözünürlük ayarları ve font aktarımı — pratik rehber.
Figma'da doğru export ayarları
Görselleri export ederken dikkat etmen gerekenler:
- PNG formatı kullan — şeffaf arka plan destekler
- 2x veya 3x çözünürlükte export et — mobil ekranlar yüksek DPI kullanıyor
- SVG yerine PNG tercih et — Godot SVG ile bazen sorun çıkarıyor
- Her elementi ayrı ayrı export et — tek büyük görsel yerine parçalı çalış
Godot'ta görsel import ayarları
Görseli Godot'a sürükle-bırak yaptıktan sonra Import sekmesinden ayarları kontrol et. Mobil için Filter Mode: Nearest pixel art görünümü verir, Linear ise yumuşak kenarlı görüntü için daha iyi.
Boyut referansı: Figma ile Godot arasında
Figma'da 1x değerinde tasarladıysan ve 2x export ettiysen, Godot'ta görselin boyutunu yarıya indirmen gerekiyor. Örneğin Figma'da 200x200 piksel bir buton, 2x export ile 400x400 PNG olur — Godot'ta bunu 200x200 olarak boyutlandır.
Figma'da kullandığın fontları Google Fonts'tan .ttf formatında indirip Godot projesine eklemen gerekiyor. Godot sistem fontlarını otomatik tanımıyor.
Renk kodlarını taşımak
Figma'daki HEX renk kodlarını Godot'a doğrudan girebilirsin. Godot renk seçicisinde HEX girişi var. Bu şekilde tasarım ile oyun arasındaki renk tutarsızlığını önlersin.
Figma ve Godot arasında bir "köprü dokümanı" tut. Renk kodları, font isimleri, boyutlar — bunları bir yerde not et. Proje büyüdükçe bu doküman hayat kurtarıcı oluyor.