PDF Sunumunu Figma'ya Taşıma: İçe Aktarmadan Etkileşimli Tasarıma

PDF'i Figma'ya aktarmak için dosyayı çalışma alanına sürükleyip bırakmanız veya File > Place Image seçeneğini kullanmanız yeterlidir. Program, her bir PDF sayfasını ayrı bir çerçeveye (Frame) otomatik olarak dönüştürür; vektörel öğeleri düzenlenebilir tutarken, raster öğeleri görüntü olarak korur. Bu sayede, sıfırdan kodlama yapmadan başkalarının tasarımlarını hızla uyarlayabilir, içeriği güncelleyebilir ve etkileşim ekleyebilirsiniz.

Figma, PDF'teki vektörel grafikleri mükemmel şekilde işler ancak yazı tipleri ve karmaşık kompozisyonlar için manuel düzenleme gerektirir. Bu makalede, dosyanın doğru hazırlanmasından slaytlar arası geçişlerin ayarlanmasına ve nihai dışa aktarmaya kadar tüm çalışma döngüsünü ele alacağız.

Dosya Hazırlığı ve İçe Aktarma Detayları

Sonucun kalitesi doğrudan kaynak PDF dosyasına bağlıdır. Yüklemeden önce dosyanın optimize edildiğinden emin olun:

• Vektör vs Raster: PDF Illustrator veya PowerPoint'ten vektörler korunarak oluşturulduysa, Figma'da düzenlenebilir yollar ve gruplar elde edersiniz. Bu bir tarama veya düşük kaliteli dışa aktarma ise, katman bazında düzenlenemeyen her slayt için tek bir görüntü elde edersiniz.
• Yazı Tipleri: PDF'teki yazı tiplerinin kontura (outlines) dönüştürülmediğinden emin olun. Kontura dönüştürüldülerse, yazım hatalarını düzeltemez veya metni değiştiremezsiniz; sadece tamamen değiştirebilirsiniz.
• Sayfa Boyutu: Orijinaldeki slayt boyutlarını kontrol edin (örneğin, 1920x1080 px veya A4). Çerçeve boyutları standart ekranlara karşılık gelirse Figma'da çalışmak daha kolay olur.

İçe Aktarma Süreci:

1. Figma'da projeyi açın.
2. «Place Image» aracı için Ctrl + Shift + K (Mac'te Cmd + Shift + K) tuşlarına basın veya PDF dosyasını klasörden tuvale sürükleyip bırakın.
3. Sayfaları yerleştirmek için boş bir yere tıklayın. Figma, her bir PDF sayfası için ayrı bir çerçeve oluşturacaktır.

Yükleme Sonrası Yapının İncelenmesi

İçe aktarmadan sonra bir grup çerçeve göreceksiniz. Otomatik yapı genellikle düzenleme gerektirir.

Katmanların Organizasyonu

İçe aktarılan öğeler gereksiz grupların derinliklerinde gömülü olabilir (Group > Group > Path).

1. Slayt çerçevesini seçin.
2. Gereksiz iç içe geçmeyi kaldırmak için «Ungroup» eklentisini veya Ctrl + Shift + G (Cmd + Shift + G) kısayol tuşlarını kullanın.
3. Çerçeveleri mantıklı şekilde yeniden adlandırın: Slide 01 - Intro, Slide 02 - Stats. Bu, prototip modunda gezinme için kritik öneme sahiptir.

Izgara ile Çalışma

Orijinal PDF'lerde kaymalar olabilir.

• Cetvelleri (Shift + R) ve kılavuzları etkinleştirin.
• Alignment (hizalama) ve Distribution (dağıtım) panellerini kullanarak ana öğeleri (başlıklar, logolar) tek bir ızgaraya göre hizalayın.

Metin ve Grafik Düzenleme

İçe aktarmadan sonraki en yaygın sorun «kayan» yazı tipleri ve renklerdir.

Metin

Figma metin bloklarını tanıyabilir ancak satır aralığını (line-height) sıklıkla bozar veya yazı tipini varsayılan olanla (Inter veya Roboto) değiştirir.

1. Metin katmanını seçin.
2. Text panelini kontrol edin. Yazı tipi kırmızı görünüyorsa veya değişmişse, tasarım sisteminizden gerekli yazı tipini uygulayın.
3. Paragraf stillerini sıfırlayın: Bazen gereksiz dolgular (padding/margin) içe aktarılır. Gerekmiyorsa bunları 0'a ayarlayın.

Grafik ve Renkler

• Vektörler: Vektörel bir öğeye çift tıklayarak düğümleri düzenleyebilirsiniz. Küçük dönüştürme hatalarını düzeltmek için bunu kullanın.
• Renkler: İçe aktarılan renkler garip isimlere sahip olabilir (örneğin, Brand/Primary yerine #1A2B3C). Tutarlılığı sağlamak için projenizin Color Styles stilini bunlara uygulayın.
• Görüntüler: PDF içinde raster fotoğraflar varsa, bunlar görüntü olarak kalır. Kaynak kalitesi düşükse, Fill > Image paneli aracılığıyla bunları daha kaliteli alternatiflerle değiştirin.

Etkileşimli Prototip Oluşturma

Figma'nın statik PDF'e karşı en büyük avantajı, tıklanabilir bir sunum oluşturma imkanıdır.

1. Prototype sekmesine geçin (sağ üstte).
2. İlk slaydın sağ kenarına imleci getirin. Mavi bir daire («ip») görünecektir.
3. Bağlantıyı bir sonraki slayda doğru çekin.
4. Etkileşim ayarlarında şunları seçin:
   • Trigger: On Click (tıklama ile).
   • Animation: Smart Animate (akıcı geçişler için) veya Slide In (klasik sunum efekti için).
   • Easing: Ease In and Out, süre 300–500ms.

Tüm slaytlar için tekrarlayın. Ana slayda veya menüye dönüş için, gezinme öğelerinin üzerine görünmez düğmeler (şeffaf dikdörtgenler) ekleyin.

Hazır Sunumu Dışa Aktarma

Tasarım tamamlandığında, müşteriye veya ekibe üç şekilde iletilabilir:

PDF olarak dışa aktarma:

1. Tuvaldeki tüm sunum çerçevelerini seçin.
2. Sağ panelin alt kısmında Export bölümünü bulun.
3. PDF formatını seçin.
4. Export selected düğmesine tıklayın.

Sık Yapılan Hatalar

• Metin kontura dönüştü. Bu, kaynak PDF'in «Yazı tiplerini kontura dönüştür» ayarıyla kaydedilmesi durumunda gerçekleşir. Düzeltilemez, metni yeniden yazmanız gerekir.
• Slaytlar farklı boyutlarda. Kaynak PDF'te diğer formatlardan eklemeler varsa (örneğin, 16:9 arasında A4), Figma'daki çerçeveler farklı yüksekliklerde olacaktır. Bunları manuel olarak aynı boyuta getirin, aksi takdirde dışa aktarma veya görüntüleme sırasında düzen «kayar».
• Gereksiz beyaz alanlar. İçe aktarma sırasında Figma, içerik etrafına büyük boş alanlar ekleyebilir. Shift + A (Auto Layout) kullanın veya çerçeve sınırlarını içeriğe göre manuel olarak kırpmak için fareyle çerçeveyi yeniden boyutlandırın (Cmd + Option + C / Ctrl + Alt + C — Auto Layout kullanılıyorsa Fit to content, veya sadece çerçeveyi fareyle uzatın).

SSS

Çok sayfalı bir PDF'ten sadece bir sayfayı içe aktarabilir miyim? Evet. «Place Image» (Ctrl+Shift+K) aracını kullanırken, ilk sayfayı eklemek için bir kez tıklayabilirsiniz. Belirli bir sayfayı seçmeniz gerekiyorsa, ilgili sayfayı üçüncü taraf bir PDF düzenleyicide önceden kesmek veya sayfaları seçmenize olanak tanıyan Figma PDF eklentilerini kullanmak daha iyidir.

Renkler neden orijinalinden daha soluk görünüyor? Renk profilini kontrol edin. PDF baskı için CMYK modunda olabilir, oysa Figma yalnızca ekran için RGB ile çalışır. Dönüştürme sırasında parlak baskı renkleri daha soluk hale gelebilir. Figma'da parlaklığı ve doygunluğu manuel olarak ayarlayın.

Slayt sayısı 50'den fazlaysa süreci nasıl hızlandırabilirim? Eklentileri kullanın. Örneğin, «PDF Import» veya «Batch Export» kategorisindeki eklentiler, katmanları toplu olarak yeniden adlandırmaya, stiller uygulamaya veya yüzlerce çerçeveyi tek tıkla dışa aktarmaya yardımcı olarak saatlerce süren manuel işten tasarruf etmenizi sağlar.