Figma'da Arka Planı Nasıl Şeffaf Yaparsınız (2026 Rehberi)

Figma, fotoğraf düzenleme için değil, arayüz tasarımı için tasarlanmıştır; bu nedenle "arka planı kaldırma" orada bir fotoğraf aracından farklı bir anlama gelir. Sadece çerçevenizin veya çalışma sayfanızın arka planının dışa aktarımda kaybolmasını istiyorsanız, Figma bunu yerel olarak yapabilir. Ancak karmaşık bir arka plana sahip bir fotoğrafınız varsa - bir ürün fotoğrafı, bir portre, yerleştirilmiş bir görsel - Figma'nın öznesi algılayıp kesip çıkaracak yerleşik bir yolu yoktur; bir eklentiye, Kalem aracıyla çok fazla sabra veya görsel dosyanıza girmeden önce özel bir arka plan kaldırma aracına ihtiyacınız olur.

Figma projelerinde şeffaf arka planlar neden önemlidir

Şeffaf PNG'ler, bir logoyu, ürün fotoğrafını veya simgeyi herhangi bir renk, ekran görüntüsü mockup'ı veya gradyan üzerine görünür bir kutu olmadan yerleştirmenizi sağlar. Bu, UI kitleri, pazarlama sunumları, uygulama mağazası ekran görüntüleri ve aynı varlığın birden fazla arka planda bulunması gereken her tasarım sistemi için önemlidir.

Yöntem 1: Şeffaf arka planlı bir çerçeveyi dışa aktarma

Adım 1: Figma'da çerçevenizi, grubunuzu veya bileşeninizi seçin.

Adım 2: Sağ paneldeki çerçevenin arka plan dolgusunu kaldırın veya gizleyin (dolgu örneğine tıklayıp silin veya görünürlüğünü kapatın).

Adım 3: Sağ panelin altındaki Export bölümünü açın, PNG'yi seçin ve dışa aktarın. PNG alfa şeffaflığını destekler, bu nedenle arka plan dolgusunun kaldırıldığı her yer beyaz yerine şeffaf olarak dışa aktarılır.

Bu, "arka planın" fotoğraflanmış bir sahne değil, Figma'da eklediğiniz basit bir dolgu rengi olduğu logo, simge ve UI mockup'ları için iyi çalışır.

Yöntem 2: Yerleştirilmiş bir fotoğraftan arka planı kaldırma

Şeffaf arka plan ihtiyacı bir fotoğrafsa - ürün fotoğrafı, portre, fiziksel bir nesnenin ekran görüntüsü - Figma'nın dışa aktarma ayarları yardımcı olamaz, çünkü arka plan bir Figma dolgusu değil, görselin piksellerinin kendisinin bir parçasıdır. Figma içinde gerçekçi seçenekleriniz, harici bir API'yi çağıran bir topluluk eklentisi veya Kalem aracıyla öznenizi manuel olarak maskelemektir; bu yavaştır ve saç, kürk veya ince detaylar etrafında nadiren temiz kenarlar üretir.

Daha hızlı yol: içe aktarmadan önce kaldırın

Çoğu tasarımcı için en basit iş akışı, önce fotoğrafın arka planını kaldırmak, ardından ortaya çıkan şeffaf PNG'yi doğrudan Figma'ya sürüklemektir. Görseli nobackground'a yükleyin, cihaz üzerindeki yapay zekanın öznesi birkaç saniyede kesmesine izin verin, PNG'yi indirin ve tuvalinize yerleştirin - eklenti izinleri, hesap gerekmeden ve bu süreçte hiçbir görsel tarayıcınızdan çıkmadan.

Temiz şeffaf dışa aktarımlar için ipuçları

• Yüksek yoğunluklu bir ekranda kullanılacak her şeyi 2x veya 3x ölçekte dışa aktarın, gerekirse sonra ölçeği küçültün - bu, kesim etrafında yumuşak, bulanık kenarları önler.
• Şeffaf PNG'leri teslim etmeden önce bir dama tahtası veya koyu bir arka plana karşı önizleyin, çünkü düz beyaz bir tuval üzerinde açık gri bir kenar halesini fark etmemek kolaydır.
• Aynı kesimi birden fazla mockup'a yerleştiriyorsanız, her çerçeveden yeniden dışa aktarmak yerine orijinal şeffaf PNG'yi Figma kitaplığınızda paylaşılan bir varlık olarak saklayın.

Figma şeffaflığı ile ilgili sorular

Figma'da yerleşik bir arka plan kaldırma özelliği var mı? Hayır. Figma, şeffaf dolgulu çerçeveler veya şekiller dışa aktarabilir, ancak bir eklenti veya harici bir araç olmadan bir fotoğraftan özneyi otomatik olarak algılayıp kesip çıkaramaz.

nobackground'dan gelen şeffaf bir PNG doğrudan Figma'da çalışır mı? Evet. İndirilen PNG'yi diğer herhangi bir görsel varlık gibi tuvalinize sürükleyip bırakmanız yeterlidir; şeffaflık korunur.

Figma çıktınızda neden hâlâ beyaz arka plan var

Figma'nın en yaygın saydamlık sorunu bu ve neredeyse her zaman dört sebepten birine dayanıyor. Birincisi, çerçevenin hâlâ bir dolgusu vardır: bazı eski dosyalarda dolguyu göz simgesiyle gizlemek onu çıktıda bırakır, o yüzden dolguyu açıp kapatmak yerine silin. İkincisi, PNG yerine JPG olarak dışa aktarmışsınızdır; JPG'de alfa kanalı yoktur ve saydamlığı her seferinde beyaza düzleştirir. Üçüncüsü, içeriğinizin arkasında unuttuğunuz ikinci bir çerçeve veya beyaz bir dikdörtgen vardır; derin iç içe geçmiş bir Auto Layout içinde bunu kaçırmak çok kolaydır. Dördüncüsü, görselin kendi piksellerinde beyaz arka plan gömülüdür; bu durumda Figma'nın dışa aktarma paneli işe yaramaz, çünkü Figma orada ne varsa onu sadakatle aktarmaktadır.

Bunu hızlıca teşhis etmenin bir yolu, sayfa tuvalinin rengini geçici olarak parlak macentaya çevirmek. Gerçekten saydam olan her şey macenta gösterir; beyaz olan her şey beyaz kalır ve kendini anında ele verir.

Görsel dolgular ile yerleştirilmiş görseller

Figma bir fotoğrafı ayrı bir nesne olarak değil, bir şeklin dolgusu olarak ele alır ve bu, Photoshop'tan gelenleri şaşırtır. Ayrım burada da önemli: fotoğraf bir dolgu olduğu için bir kısmını silemezsiniz ve Kalem aracı onun içini kesmez. Yapabileceğiniz şey, bir vektör şekli çizip onu maske olarak kullanmak; bu, dolguyu o şekle kırpar. Yuvarlatılmış bir ürün kartı gibi geometrik kesimlerde iyi çalışır, bir insan gibi organik konturlarda ise kötü sonuç verir, çünkü siluetin her kıvrımını elle çiziyor olursunuz.

Öznenizde saç, kürk, yumuşak geçişli kenarlar veya herhangi bir yarı saydam bölge varsa, vektör maske yapısı gereği yanlış araçtır. Vektör yolu sert bir sınırdır; saç ise kısmi alfa ister, yani %40 opaklıktaki pikseller. Pratik cevabın Figma içinde alfa kanalı üretmeye çalışmak yerine zaten alfa kanalı olan bir görsel getirmek olmasının sebebi bu.

Bileşen ve varyantlarda kesimleri net tutmak

Saydam bir PNG bir bileşenin parçası olduğunda, birkaç alışkanlık çok iş kurtarır. Görseli dolgusu saydam olan kendi çerçevesine yerleştirin ki bileşen yeniden boyutlandırıldığında görsel dolgusu beklenmedik biçimde yeniden kırpılmasın. Kesimlerde Fill yerine Fit tercih edin, çünkü Fill çerçeveye göre kırpar ve biri bir örneği yeniden boyutlandırdığında başın üstünü rahatlıkla keser. Aynı kesim tasarım sisteminde birkaç farklı boyutta görünüyorsa, PNG'yi tekrar tekrar yapıştırmak yerine bir kez bileşen olarak yayınlayıp örneklerini kullanın; sonra tek bir yeniden dışa aktarma bütün ekranları aynı anda günceller.

Saydamlığı sessizce bozan dışa aktarma ayarları

JPG tuzağının ötesinde üç ayar önlenebilir sorunlara yol açıyor. Retina bir mockup için 1x dışa aktarmak, aslında yalnızca küçük ölçekli bir çıktı olmasına rağmen kötü bir kesim gibi görünen yumuşak kenarlar üretir; yüksek yoğunluklu ekranda görüntülenecek her şey için 2x veya 3x kullanın. Bir çerçeveye arka plan bulanıklığı veya katman bulanıklığı uygulamak Figma'yı daha geniş bir alanı rasterleştirmeye zorlar ve dışa aktarılan PNG'de soluk bir dikdörtgen sınır bırakabilir. Nesne düzeyinde değil çerçeve düzeyinde uygulanan bir gölge de kesim siluetinin değil, dikdörtgenin gölgesi olarak çıkar; bu da görselin fotoğraflanmadığını, monte edildiğini anında ele verir.

Teslim için PNG, SVG ve WebP

Fotoğrafik bir kesim için neredeyse her durumda doğru format PNG: piksel başına alfayı uyumluluk sorunu çıkarmadan koruyan, yaygın desteklenen tek raster format o. SVG yalnızca çizim gerçekten vektörse, örneğin şekillerle çizilmiş bir logoysa uygundur; bir fotoğrafı SVG olarak aktarmak raster veriyi bir SVG sarmalayıcının içine gömer ve hiçbir fayda sağlamadan dosyayı büyütür. WebP saydamlığı koruyarak belirgin şekilde daha küçük dosyalar üretir ve üretimdeki web görselleri için iyi bir seçimdir; yine de takım arkadaşlarınıza PNG teslim edin ve WebP dönüşümünü bir derleme adımı olarak tutun, çünkü bazı tasarım ve baskı araçları WebP'yi hâlâ tutarsız işliyor.

Dosya boyutu ve paylaşılan kütüphaneler

Saydam PNG'ler, alfa kanalı veri eklediği ve PNG sıkıştırması kayıpsız olduğu için eşdeğer JPG'den daha büyüktür. Onlarca tam çözünürlüklü kesim içeren büyük bir Figma dosyasında bu, bütün ekip için yavaş açılan bir dosya olarak karşınıza çıkar. Pratik çözüm, her kesimin yüksek çözünürlüklü bir masterini çalışma dosyasının dışında tutmak ve Figma'nın içine makul boyutlu bir sürümü, kabaca ihtiyacınız olan en büyük görüntüleme boyutunun iki katını yerleştirmek. Kaliteyi önemli olduğu yerde korur, bedelini her dosya açılışında ödemekten kurtulursunuz.