{"id":45471,"date":"2026-10-31T09:08:55","date_gmt":"2026-10-31T06:08:55","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/"},"modified":"2026-10-31T09:09:27","modified_gmt":"2026-10-31T06:09:27","slug":"psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/","title":{"rendered":"PSD&#8217;den Figma&#8217;ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z?"},"content":{"rendered":"<h2>PSD&#8217;den Figma&#8217;ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z?<\/h2>\n<p>Tasar\u0131m d\u00fcnyas\u0131nda h\u0131z ve i\u015f birli\u011fi her zamankinden daha \u00f6nemli hale geldi. Y\u0131llarca end\u00fcstri standard\u0131 olan Adobe Photoshop (PSD) dosyalar\u0131, zengin \u00f6zellik setleriyle tasar\u0131mc\u0131lara b\u00fcy\u00fck esneklik sunarken, bulut tabanl\u0131 ve i\u015f birli\u011fine dayal\u0131 tasar\u0131m ara\u00e7lar\u0131 olan Figma gibi platformlar, modern i\u015f ak\u0131\u015flar\u0131n\u0131n vazge\u00e7ilmezi haline geldi. Peki, ge\u00e7mi\u015ften gelen PSD dosyalar\u0131n\u0131z\u0131, Figma&#8217;n\u0131n sundu\u011fu \u00e7eviklik ve d\u00fczenlenebilirlik avantajlar\u0131ndan mahrum kalmadan nas\u0131l yeni platformunuza ta\u015f\u0131yabilirsiniz? Bu makalede, Photoshop dosyalar\u0131n\u0131z\u0131 Figma&#8217;ya sorunsuz bir \u015fekilde, d\u00fczenlenebilir katmanlar halinde aktarman\u0131n inceliklerini ve en iyi uygulamalar\u0131n\u0131 ad\u0131m ad\u0131m ke\u015ffedece\u011fiz. Art\u0131k eski tasar\u0131mlar\u0131n\u0131z\u0131 yeniden yaratmak zorunda kalmayacak, mevcut projelerinizi kolayca d\u00f6n\u00fc\u015ft\u00fcrerek i\u015f ak\u0131\u015f\u0131n\u0131z\u0131 h\u0131zland\u0131rabileceksiniz.<\/p>\n<h2>PSD ve Figma Nedir? Neden Bu Ge\u00e7i\u015f Modern Tasar\u0131m \u0130\u00e7in Hayati \u00d6nem Ta\u015f\u0131yor?<\/h2>\n<p>Tasar\u0131m ara\u00e7lar\u0131 ekosistemi s\u00fcrekli evriliyor ve bu evrimin merkezinde iki dev isim yer al\u0131yor: Adobe Photoshop ve Figma. Her ikisi de g\u00f6rsel tasar\u0131m\u0131n farkl\u0131 y\u00f6nlerinde uzmanla\u015fm\u0131\u015f olsa da, modern tasar\u0131m s\u00fcre\u00e7lerinin talepleri, bu iki platform aras\u0131nda k\u00f6pr\u00fc kurma ihtiyac\u0131n\u0131 do\u011furuyor. \u00d6ncelikle, bu iki arac\u0131n temel \u00f6zelliklerini ve aralar\u0131ndaki farklar\u0131 anlamak, PSD&#8217;den Figma&#8217;ya ge\u00e7i\u015fin neden bu kadar kritik oldu\u011funu kavramak i\u00e7in elzemdir.<\/p>\n<p>Adobe Photoshop (PSD), \u00f6zellikle raster (piksel tabanl\u0131) grafik d\u00fczenleme konusunda rakipsiz bir yaz\u0131l\u0131md\u0131r. Foto\u011fraf manip\u00fclasyonu, karma\u015f\u0131k g\u00f6r\u00fcnt\u00fc birle\u015ftirme, dijital resim ve detayl\u0131 grafik tasar\u0131m i\u00e7in tasarlanm\u0131\u015ft\u0131r. Katman tabanl\u0131 yap\u0131s\u0131 sayesinde, her bir \u00f6\u011fe ayr\u0131 ayr\u0131 i\u015flenebilir, efektler uygulanabilir ve maskeler olu\u015fturulabilir. PSD format\u0131, bu katmanlar\u0131n, metinlerin, ak\u0131ll\u0131 nesnelerin ve efektlerin t\u00fcm\u00fcn\u00fc tek bir dosyada saklayarak, tasar\u0131mc\u0131lara \u00fczerinde \u00e7al\u0131\u015ft\u0131klar\u0131 projeler \u00fczerinde tam kontrol sa\u011flar. Ancak, Photoshop&#8217;un masa\u00fcst\u00fc tabanl\u0131 olmas\u0131, i\u015f birli\u011fi s\u00fcre\u00e7lerini zorla\u015ft\u0131rabilir ve b\u00fcy\u00fck dosyalar\u0131n payla\u015f\u0131m\u0131, versiyon kontrol\u00fc gibi konularda baz\u0131 dezavantajlar\u0131 vard\u0131r. Genellikle tek bir kullan\u0131c\u0131n\u0131n ayn\u0131 anda tek bir dosya \u00fczerinde \u00e7al\u0131\u015fmas\u0131na olanak tan\u0131r, bu da h\u0131zl\u0131 ve e\u015f zamanl\u0131 tasar\u0131m s\u00fcre\u00e7leri i\u00e7in k\u0131s\u0131tlay\u0131c\u0131 olabilir.<\/p>\n<p>Di\u011fer yandan Figma, tamamen bulut tabanl\u0131 ve vekt\u00f6r tabanl\u0131 bir aray\u00fcz (UI) ve kullan\u0131c\u0131 deneyimi (UX) tasar\u0131m arac\u0131d\u0131r. Web taray\u0131c\u0131s\u0131 \u00fczerinden eri\u015filebilir olmas\u0131 ve ger\u00e7ek zamanl\u0131 i\u015f birli\u011fi yetenekleri, onu modern tasar\u0131m ekipleri i\u00e7in vazge\u00e7ilmez k\u0131lm\u0131\u015ft\u0131r. Figma&#8217;da tasar\u0131mlar, ekip \u00fcyeleri taraf\u0131ndan e\u015f zamanl\u0131 olarak d\u00fczenlenebilir, yorumlar yap\u0131labilir ve prototipler olu\u015fturulabilir. Bu, tasar\u0131m s\u00fcrecini h\u0131zland\u0131r\u0131r, geri bildirim d\u00f6ng\u00fclerini k\u0131salt\u0131r ve t\u00fcm payda\u015flar\u0131n projenin g\u00fcncel durumu hakk\u0131nda bilgi sahibi olmas\u0131n\u0131 sa\u011flar. Vekt\u00f6r tabanl\u0131 yap\u0131s\u0131 sayesinde, tasar\u0131mlar herhangi bir \u00e7\u00f6z\u00fcn\u00fcrl\u00fckte keskinli\u011fini korur, bu da farkl\u0131 ekran boyutlar\u0131na uyarlanabilirlik a\u00e7\u0131s\u0131ndan b\u00fcy\u00fck avantaj sunar. Ayr\u0131ca, Figma&#8217;n\u0131n bile\u015fen (component) k\u00fct\u00fcphaneleri ve otomatik d\u00fczen (auto layout) \u00f6zellikleri, tasar\u0131m sistemlerinin olu\u015fturulmas\u0131n\u0131 ve s\u00fcrd\u00fcr\u00fclmesini kolayla\u015ft\u0131r\u0131r.<\/p>\n<p>Peki, bu ge\u00e7i\u015f neden bu kadar \u00f6nemli? Bir\u00e7ok tasar\u0131mc\u0131 ve ajans, y\u0131llar i\u00e7inde olu\u015fturduklar\u0131 PSD tabanl\u0131 tasar\u0131mlardan olu\u015fan geni\u015f bir ar\u015five sahiptir. Bu tasar\u0131mlar, web siteleri, mobil uygulamalar, banner&#8217;lar veya di\u011fer dijital materyaller olabilir. Modern bir projeye ba\u015flarken veya mevcut bir projeyi g\u00fcncellerken, bu eski PSD varl\u0131klar\u0131n\u0131 tamamen yeniden yaratmak yerine, onlar\u0131 Figma&#8217;ya aktararak zaman ve kaynak tasarrufu sa\u011flamak isterler. Bu ge\u00e7i\u015fin temel nedenleri \u015funlard\u0131r:<\/p>\n<ul>\n<li><strong>\u0130\u015f Birli\u011fi ve Verimlilik:<\/strong> Figma&#8217;n\u0131n ger\u00e7ek zamanl\u0131 i\u015f birli\u011fi \u00f6zellikleri, tasar\u0131mc\u0131lar\u0131n, geli\u015ftiricilerin ve proje y\u00f6neticilerinin ayn\u0131 anda ayn\u0131 dosya \u00fczerinde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar. PSD&#8217;den Figma&#8217;ya ge\u00e7i\u015f, bu verimli i\u015f ak\u0131\u015f\u0131na eski projeleri dahil etmenin yolunu a\u00e7ar.<\/li>\n<li><strong>Tasar\u0131m Sistemleri Olu\u015fturma:<\/strong> Figma, bile\u015fenler ve stil k\u00fct\u00fcphaneleri ile tasar\u0131m sistemleri olu\u015fturmak i\u00e7in idealdir. PSD&#8217;deki tekrar eden \u00f6\u011feleri Figma&#8217;ya aktararak, onlar\u0131 yeniden kullan\u0131labilir bile\u015fenlere d\u00f6n\u00fc\u015ft\u00fcrmek, gelecekteki projelerde tutarl\u0131l\u0131\u011f\u0131 ve h\u0131z\u0131 art\u0131r\u0131r.<\/li>\n<li><strong>Versiyon Kontrol\u00fc ve Ge\u00e7mi\u015f:<\/strong> Figma, otomatik versiyon kontrol\u00fc sayesinde tasar\u0131m\u0131n her a\u015famas\u0131n\u0131 kaydeder, bu da yanl\u0131\u015fl\u0131kla yap\u0131lan de\u011fi\u015fiklikleri geri almay\u0131 veya \u00f6nceki s\u00fcr\u00fcmlere d\u00f6nmeyi kolayla\u015ft\u0131r\u0131r. PSD&#8217;lerde bu s\u00fcre\u00e7 genellikle manuel dosya kopyalamayla y\u00f6netilir.<\/li>\n<li><strong>Geli\u015ftirici Teslimi (Handoff):<\/strong> Figma, tasar\u0131mlar\u0131 geli\u015ftiricilere aktarma s\u00fcrecini basitle\u015ftirir. Geli\u015ftiriciler, do\u011frudan Figma \u00fczerinden CSS kodlar\u0131n\u0131, \u00f6l\u00e7\u00fcleri ve renk de\u011ferlerini alabilirler. PSD&#8217;den manuel \u00f6l\u00e7\u00fcm yapmak \u00e7ok daha zahmetlidir.<\/li>\n<li><strong>Esneklik ve \u00d6l\u00e7eklenebilirlik:<\/strong> Vekt\u00f6r tabanl\u0131 Figma tasar\u0131mlar\u0131, farkl\u0131 ekran boyutlar\u0131na ve \u00e7\u00f6z\u00fcn\u00fcrl\u00fcklere kolayca adapte edilebilir. PSD&#8217;deki raster \u00f6\u011feler, \u00f6l\u00e7eklendi\u011finde pikselle\u015fme e\u011filimi g\u00f6sterir.<\/li>\n<\/ul>\n<p>Sonu\u00e7 olarak, PSD&#8217;den Figma&#8217;ya ge\u00e7i\u015f, sadece bir dosya format\u0131 de\u011fi\u015fikli\u011fi de\u011fil, ayn\u0131 zamanda daha modern, i\u015f birli\u011fine a\u00e7\u0131k ve verimli bir tasar\u0131m metodolojisine ge\u00e7i\u015f anlam\u0131na gelir. Bu s\u00fcre\u00e7, ge\u00e7mi\u015fin de\u011ferini korurken, gelece\u011fin tasar\u0131m ihtiya\u00e7lar\u0131na uyum sa\u011flaman\u0131n anahtar\u0131d\u0131r.<\/p>\n<h2>PSD Dosyalar\u0131n\u0131 Figma&#8217;ya Aktarman\u0131n Temel Y\u00f6ntemleri Nelerdir?<\/h2>\n<p>PSD dosyalar\u0131n\u0131 Figma&#8217;ya aktarmak, ilk ba\u015fta karma\u015f\u0131k gibi g\u00f6r\u00fcnse de, asl\u0131nda birka\u00e7 farkl\u0131 y\u00f6ntemle ger\u00e7ekle\u015ftirilebilir. Her y\u00f6ntemin kendine \u00f6zg\u00fc avantajlar\u0131 ve s\u0131n\u0131rlamalar\u0131 vard\u0131r. Amac\u0131n\u0131z, dosyan\u0131z\u0131n i\u00e7eri\u011fine ve Figma&#8217;da ne kadar d\u00fczenlenebilir olmas\u0131n\u0131 istedi\u011finize ba\u011fl\u0131 olarak en uygun y\u00f6ntemi se\u00e7mektir. \u0130\u015fte en yayg\u0131n ve etkili aktar\u0131m y\u00f6ntemleri:<\/p>\n<h3>Y\u00f6ntem 1: Do\u011frudan \u0130\u00e7e Aktarma (S\u0131n\u0131rl\u0131 D\u00fczenlenebilirlik)<\/h3>\n<p>Bu, en basit ve en h\u0131zl\u0131 y\u00f6ntemdir, ancak en az d\u00fczenlenebilirlik sunar. Figma, bir PSD dosyas\u0131n\u0131 do\u011frudan bir resim dosyas\u0131 gibi i\u00e7e aktarabilir. Bu y\u00f6ntem genellikle, PSD&#8217;yi sadece bir referans olarak kullanmak istedi\u011finizde veya tasar\u0131m\u0131n belirli bir b\u00f6l\u00fcm\u00fcn\u00fc h\u0131zl\u0131ca g\u00f6rmek istedi\u011finizde tercih edilir.<\/p>\n<ul>\n<li><strong>Nas\u0131l Yap\u0131l\u0131r:<\/strong>\n<ol>\n<li>Figma&#8217;da yeni bir dosya a\u00e7\u0131n veya mevcut bir dosyay\u0131 a\u00e7\u0131n.<\/li>\n<li>PSD dosyan\u0131z\u0131 do\u011frudan Figma \u00e7al\u0131\u015fma alan\u0131na s\u00fcr\u00fckleyip b\u0131rak\u0131n.<\/li>\n<li>Alternatif olarak, Figma men\u00fcs\u00fcnden <code>File > Place Image<\/code> (Dosya > G\u00f6r\u00fcnt\u00fc Yerle\u015ftir) se\u00e7ene\u011fini kullan\u0131n ve PSD dosyan\u0131z\u0131 se\u00e7in.<\/li>\n<\/ol>\n<\/li>\n<li><strong>Sonu\u00e7:<\/strong> Figma, PSD dosyas\u0131n\u0131 tek bir d\u00fczle\u015ftirilmi\u015f g\u00f6r\u00fcnt\u00fc (rasterize edilmi\u015f) olarak i\u00e7e aktar\u0131r. Yani, PSD&#8217;deki katmanlar, metinler veya vekt\u00f6r \u015fekilleri ayr\u0131 ayr\u0131 d\u00fczenlenebilir \u00f6\u011feler olarak gelmez. T\u00fcm tasar\u0131m tek bir b\u00fcy\u00fck resim katman\u0131 haline gelir.<\/li>\n<li><strong>Ne Zaman Kullan\u0131l\u0131r:<\/strong>\n<ul>\n<li>H\u0131zl\u0131 bir g\u00f6rsel referansa ihtiyac\u0131n\u0131z oldu\u011funda.<\/li>\n<li>Eski bir tasar\u0131m\u0131n genel g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc Figma&#8217;da payla\u015fmak istedi\u011finizde.<\/li>\n<li>\u00dczerinde \u00e7al\u0131\u015f\u0131lmayacak, sadece bir arka plan veya doku olarak kullan\u0131lacak karma\u015f\u0131k bir g\u00f6r\u00fcnt\u00fcy\u00fc aktar\u0131rken.<\/li>\n<\/ul>\n<\/li>\n<li><strong>S\u0131n\u0131rlamalar:<\/strong> D\u00fczenlenebilirlik tamamen kaybolur. Metinleri de\u011fi\u015ftiremez, \u015fekilleri yeniden boyutland\u0131ramaz veya renkleri ayarlayamazs\u0131n\u0131z. Bu, genellikle bir ba\u015flang\u0131\u00e7 noktas\u0131 veya g\u00f6rsel k\u0131lavuz i\u00e7in uygundur, ancak aktif bir tasar\u0131m projesi i\u00e7in yeterli de\u011fildir.<\/li>\n<\/ul>\n<h3>Y\u00f6ntem 2: Katman Katman Kopyalama\/Yap\u0131\u015ft\u0131rma (Manuel Ama Kontroll\u00fc)<\/h3>\n<p>Bu y\u00f6ntem, PSD&#8217;deki belirli \u00f6\u011feleri veya katmanlar\u0131 Figma&#8217;ya d\u00fczenlenebilir olarak aktarmak istedi\u011finizde kullan\u0131\u015fl\u0131d\u0131r. \u00d6zellikle k\u00fc\u00e7\u00fck par\u00e7alar, ikonlar veya metin bloklar\u0131 i\u00e7in etkilidir. Ancak, b\u00fcy\u00fck ve karma\u015f\u0131k tasar\u0131mlar i\u00e7in zaman al\u0131c\u0131 ve zahmetli olabilir.<\/p>\n<ul>\n<li><strong>Nas\u0131l Yap\u0131l\u0131r:<\/strong>\n<ol>\n<li>Adobe Photoshop&#8217;ta PSD dosyan\u0131z\u0131 a\u00e7\u0131n.<\/li>\n<li>Figma&#8217;da yeni veya mevcut bir dosya a\u00e7\u0131n.<\/li>\n<li>Photoshop&#8217;ta aktarmak istedi\u011finiz katman\u0131 veya katman grubunu se\u00e7in.<\/li>\n<li>Se\u00e7ili katman\u0131 kopyalamak i\u00e7in <code>Ctrl+C<\/code> (Windows) veya <code>Cmd+C<\/code> (Mac) tu\u015flar\u0131na bas\u0131n.<\/li>\n<li>Figma&#8217;ya ge\u00e7in ve yap\u0131\u015ft\u0131rmak i\u00e7in <code>Ctrl+V<\/code> (Windows) veya <code>Cmd+V<\/code> (Mac) tu\u015flar\u0131na bas\u0131n.<\/li>\n<\/ol>\n<\/li>\n<li><strong>Sonu\u00e7:<\/strong> Photoshop&#8217;taki vekt\u00f6r \u015fekiller, Figma&#8217;ya d\u00fczenlenebilir vekt\u00f6rler olarak aktar\u0131labilir. Metin katmanlar\u0131 genellikle metin olarak aktar\u0131l\u0131r, ancak bazen font e\u015fle\u015fme sorunlar\u0131 ya\u015fanabilir veya metinler vekt\u00f6r yollar\u0131na d\u00f6n\u00fc\u015ft\u00fcr\u00fclebilir. Raster \u00f6\u011feler (resimler, foto\u011fraflar) ise resim olarak aktar\u0131l\u0131r. Katman stilleri (g\u00f6lge, i\u00e7 g\u00f6lge vb.) genellikle Figma&#8217;n\u0131n kendi stillerine d\u00f6n\u00fc\u015ft\u00fcr\u00fclmeye \u00e7al\u0131\u015f\u0131l\u0131r, ancak her zaman m\u00fckemmel sonu\u00e7 vermeyebilir.<\/li>\n<li><strong>Ne Zaman Kullan\u0131l\u0131r:<\/strong>\n<ul>\n<li>PSD&#8217;den belirli ikonlar\u0131, logolar\u0131 veya basit vekt\u00f6r \u015fekillerini aktarmak istedi\u011finizde.<\/li>\n<li>K\u00fc\u00e7\u00fck metin bloklar\u0131n\u0131 veya d\u00fc\u011fmeleri ta\u015f\u0131rken.<\/li>\n<li>Tasar\u0131m\u0131n sadece belirli, izole edilmi\u015f b\u00f6l\u00fcmlerini Figma&#8217;da yeniden kullanmak istedi\u011finizde.<\/li>\n<\/ul>\n<\/li>\n<li><strong>S\u0131n\u0131rlamalar:<\/strong> Karma\u015f\u0131k efektler, ak\u0131ll\u0131 nesneler veya katman maskeleri genellikle d\u00fczle\u015ftirilir veya beklenen \u015fekilde aktar\u0131lmaz. B\u00fcy\u00fck bir PSD&#8217;yi bu y\u00f6ntemle aktarmaya \u00e7al\u0131\u015fmak \u00e7ok zaman al\u0131r ve hata yapma olas\u0131l\u0131\u011f\u0131 y\u00fcksektir. Ayr\u0131ca, Photoshop&#8217;ta kopyalad\u0131\u011f\u0131n\u0131z her \u00f6\u011fe i\u00e7in Figma&#8217;da yeni bir katman olu\u015fturulur, bu da katman panelinizin h\u0131zla kar\u0131\u015fmas\u0131na neden olabilir.<\/li>\n<\/ul>\n<h3>Y\u00f6ntem 3: SVG ve PNG\/JPG \u0130hracat\u0131 (Optimal Yakla\u015f\u0131m)<\/h3>\n<p>Bu, PSD&#8217;den Figma&#8217;ya aktar\u0131m i\u00e7in en esnek ve genellikle en iyi sonu\u00e7 veren y\u00f6ntemdir. Vekt\u00f6r \u00f6\u011felerini SVG (Scalable Vector Graphics) olarak, raster \u00f6\u011felerini ise PNG veya JPG olarak d\u0131\u015fa aktararak, Figma&#8217;da y\u00fcksek d\u00fczeyde d\u00fczenlenebilirlik ve g\u00f6rsel kalite elde edersiniz.<\/p>\n<ul>\n<li><strong>Nas\u0131l Yap\u0131l\u0131r (Photoshop&#8217;tan D\u0131\u015fa Aktarma):<\/strong>\n<ol>\n<li><strong>Vekt\u00f6r \u015eekilleri ve \u0130konlar i\u00e7in SVG:<\/strong>\n<ul>\n<li>Photoshop&#8217;ta bir vekt\u00f6r \u015fekil katman\u0131n\u0131 (\u00f6rn. bir ikon, logo veya \u00e7izim) se\u00e7in.<\/li>\n<li>Sa\u011f t\u0131klay\u0131n ve &#8220;Export As&#8230;&#8221; (Farkl\u0131 D\u0131\u015fa Aktar&#8230;) se\u00e7ene\u011fini se\u00e7in.<\/li>\n<li>A\u00e7\u0131lan pencerede format olarak &#8220;SVG&#8221;yi se\u00e7in.<\/li>\n<li>&#8220;Export All&#8221; (T\u00fcm\u00fcn\u00fc D\u0131\u015fa Aktar) veya &#8220;Export Selected&#8221; (Se\u00e7ileni D\u0131\u015fa Aktar) d\u00fc\u011fmesine t\u0131klayarak SVG dosyan\u0131z\u0131 kaydedin.<\/li>\n<li>Metinleri vekt\u00f6re d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in, metin katman\u0131na sa\u011f t\u0131klay\u0131p &#8220;Convert to Shape&#8221; (\u015eekle D\u00f6n\u00fc\u015ft\u00fcr) se\u00e7ene\u011fini kullanabilir, ard\u0131ndan SVG olarak d\u0131\u015fa aktarabilirsiniz. Ancak bu, metinlerin d\u00fczenlenebilirli\u011fini kaybetmenize neden olur, bu y\u00fczden metinler i\u00e7in genellikle manuel yeniden yazma veya font e\u015fle\u015ftirme daha iyidir.<\/li>\n<\/ul>\n<\/li>\n<li><strong>G\u00f6rseller, Arka Planlar ve Karma\u015f\u0131k Efektler i\u00e7in PNG\/JPG:<\/strong>\n<ul>\n<li>Foto\u011fraflar, karma\u015f\u0131k dokular, arka planlar veya \u00fczerinde \u00e7ok say\u0131da efekt bulunan katman gruplar\u0131 gibi raster tabanl\u0131 \u00f6\u011feleri se\u00e7in.<\/li>\n<li>Sa\u011f t\u0131klay\u0131n ve &#8220;Export As&#8230;&#8221; (Farkl\u0131 D\u0131\u015fa Aktar&#8230;) se\u00e7ene\u011fini se\u00e7in.<\/li>\n<li>\u015eeffaf bir arka plana ihtiyac\u0131n\u0131z varsa &#8220;PNG&#8221;yi, aksi takdirde &#8220;JPG&#8221;yi se\u00e7in. Kalite ayarlar\u0131n\u0131 kontrol edin.<\/li>\n<li>&#8220;Export All&#8221; (T\u00fcm\u00fcn\u00fc D\u0131\u015fa Aktar) veya &#8220;Export Selected&#8221; (Se\u00e7ileni D\u0131\u015fa Aktar) d\u00fc\u011fmesine t\u0131klayarak dosyalar\u0131n\u0131z\u0131 kaydedin.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<div class=\"code-container\">\n<pre><code>\n\/\/ Photoshop'ta bir vekt\u00f6r \u015feklini SVG olarak d\u0131\u015fa aktarma ad\u0131mlar\u0131:\n\/\/ 1. D\u0131\u015fa aktarmak istedi\u011finiz vekt\u00f6r \u015fekil katman\u0131n\u0131 se\u00e7in.\n\/\/ 2. Katmana sa\u011f t\u0131klay\u0131n ve \"Export As...\" (Farkl\u0131 D\u0131\u015fa Aktar...) se\u00e7ene\u011fini se\u00e7in.\n\/\/ 3. A\u00e7\u0131lan \"Export As\" (Farkl\u0131 D\u0131\u015fa Aktar) penceresinde, Format (Bi\u00e7im) a\u00e7\u0131l\u0131r men\u00fcs\u00fcnden \"SVG\"yi se\u00e7in.\n\/\/ 4. Di\u011fer ayarlar\u0131 (boyut, \u00f6l\u00e7ek) kontrol edin ve \"Export\" (D\u0131\u015fa Aktar) d\u00fc\u011fmesine t\u0131klay\u0131n.\n\/\/ 5. Dosyan\u0131z\u0131 kaydetmek istedi\u011finiz konumu se\u00e7in ve kaydedin.\n              <\/code><\/pre>\n<\/p><\/div>\n<\/li>\n<li><strong>Nas\u0131l Yap\u0131l\u0131r (Figma&#8217;ya \u0130\u00e7e Aktarma):<\/strong>\n<ol>\n<li>Figma&#8217;da yeni veya mevcut bir dosya a\u00e7\u0131n.<\/li>\n<li>Kaydetti\u011finiz SVG, PNG veya JPG dosyalar\u0131n\u0131 do\u011frudan Figma \u00e7al\u0131\u015fma alan\u0131na s\u00fcr\u00fckleyip b\u0131rak\u0131n.<\/li>\n<li>Alternatif olarak, Figma men\u00fcs\u00fcnden <code>File > Place Image<\/code> (Dosya > G\u00f6r\u00fcnt\u00fc Yerle\u015ftir) se\u00e7ene\u011fini kullan\u0131n ve dosyalar\u0131n\u0131z\u0131 se\u00e7in.<\/li>\n<\/ol>\n<\/li>\n<li><strong>Sonu\u00e7:<\/strong> SVG dosyalar\u0131, Figma&#8217;da tam d\u00fczenlenebilir vekt\u00f6rler olarak gelir. Renklerini, \u015fekillerini, boyutlar\u0131n\u0131 kolayca de\u011fi\u015ftirebilirsiniz. PNG ve JPG dosyalar\u0131 ise y\u00fcksek kalitede raster g\u00f6r\u00fcnt\u00fcler olarak i\u00e7e aktar\u0131l\u0131r. Bu y\u00f6ntem, PSD&#8217;deki varl\u0131klar\u0131n\u0131z\u0131 Figma&#8217;n\u0131n do\u011fal ortam\u0131na en uygun \u015fekilde ta\u015f\u0131man\u0131z\u0131 sa\u011flar.<\/li>\n<li><strong>Ne Zaman Kullan\u0131l\u0131r:<\/strong>\n<ul>\n<li>PSD&#8217;deki t\u00fcm vekt\u00f6r tabanl\u0131 \u00f6\u011feleri (ikon setleri, logolar, ill\u00fcstrasyonlar) Figma&#8217;da d\u00fczenlenebilir olarak kullanmak istedi\u011finizde.<\/li>\n<li>Y\u00fcksek kaliteli g\u00f6rselleri veya karma\u015f\u0131k arka planlar\u0131 Figma&#8217;ya ta\u015f\u0131rken.<\/li>\n<li>Tasar\u0131m sistemleri olu\u015ftururken PSD&#8217;den gelen varl\u0131klar\u0131 bile\u015fenlere d\u00f6n\u00fc\u015ft\u00fcrmek istedi\u011finizde.<\/li>\n<\/ul>\n<\/li>\n<li><strong>S\u0131n\u0131rlamalar:<\/strong> Metin katmanlar\u0131 SVG olarak d\u0131\u015fa aktar\u0131ld\u0131\u011f\u0131nda genellikle yollara d\u00f6n\u00fc\u015ft\u00fcr\u00fcl\u00fcr ve d\u00fczenlenebilirli\u011fini kaybeder. Bu nedenle metinler i\u00e7in genellikle yeniden yazma veya font e\u015fle\u015ftirme daha pratik olabilir. Karma\u015f\u0131k katman stilleri ve ak\u0131ll\u0131 nesneler, SVG&#8217;ye aktar\u0131ld\u0131\u011f\u0131nda basitle\u015ftirilebilir veya farkl\u0131 g\u00f6r\u00fcnebilir.<\/li>\n<\/ul>\n<h3>Y\u00f6ntem 4: Eklentiler ve \u00dc\u00e7\u00fcnc\u00fc Parti Ara\u00e7lar (Otomatikle\u015ftirilmi\u015f \u00c7\u00f6z\u00fcmler)<\/h3>\n<p>Piyasada PSD&#8217;den Figma&#8217;ya ge\u00e7i\u015fi kolayla\u015ft\u0131rd\u0131\u011f\u0131n\u0131 iddia eden baz\u0131 eklentiler ve \u00fc\u00e7\u00fcnc\u00fc parti ara\u00e7lar bulunmaktad\u0131r. Bu ara\u00e7lar, PSD dosyas\u0131n\u0131 ayr\u0131\u015ft\u0131rmaya ve Figma&#8217;n\u0131n anlayabilece\u011fi bir formata d\u00f6n\u00fc\u015ft\u00fcrmeye \u00e7al\u0131\u015f\u0131r. Ancak, bu t\u00fcr ara\u00e7lar\u0131n performans\u0131 ve sundu\u011fu d\u00fczenlenebilirlik d\u00fczeyi b\u00fcy\u00fck \u00f6l\u00e7\u00fcde de\u011fi\u015febilir.<\/p>\n<ul>\n<li><strong>\u00d6rnekler:<\/strong>\n<ul>\n<li><strong>Photopea:<\/strong> \u00c7evrimi\u00e7i bir Photoshop alternatifi olan Photopea, PSD dosyalar\u0131n\u0131 a\u00e7abilir ve Sketch veya SVG gibi farkl\u0131 formatlarda d\u0131\u015fa aktarabilir. Sketch dosyalar\u0131n\u0131 daha sonra Figma&#8217;ya i\u00e7e aktarabilirsiniz. Photopea&#8217;n\u0131n do\u011frudan Figma&#8217;ya aktar\u0131m \u00f6zelli\u011fi s\u0131n\u0131rl\u0131d\u0131r, ancak ara formatlar kullanarak bir k\u00f6pr\u00fc g\u00f6revi g\u00f6rebilir.<\/li>\n<li><strong>Avocode:<\/strong> Bu t\u00fcr ara\u00e7lar genellikle PSD, Sketch, XD gibi farkl\u0131 tasar\u0131m dosyalar\u0131n\u0131 a\u00e7abilir ve geli\u015ftirici teslimi i\u00e7in uygun hale getirebilir. Baz\u0131lar\u0131, katmanlar\u0131 ve stilleri ayr\u0131\u015ft\u0131rarak daha d\u00fczenlenebilir bir format sunmay\u0131 hedefler. Ancak, do\u011frudan Figma&#8217;ya tam d\u00fczenlenebilir katmanlar olarak aktar\u0131m yetenekleri, karma\u015f\u0131k PSD&#8217;ler i\u00e7in genellikle s\u0131n\u0131rl\u0131d\u0131r.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Nas\u0131l \u00c7al\u0131\u015f\u0131rlar:<\/strong> Bu ara\u00e7lar, PSD dosyas\u0131n\u0131n i\u00e7 yap\u0131s\u0131n\u0131 okur ve katmanlar\u0131, metinleri, \u015fekilleri ve stilleri kendi dahili formatlar\u0131na veya bir ara formata d\u00f6n\u00fc\u015ft\u00fcrmeye \u00e7al\u0131\u015f\u0131r. Ard\u0131ndan, bu verileri Figma&#8217;n\u0131n i\u00e7e aktarabilece\u011fi bir formata (\u00f6rn. SVG, Sketch dosyas\u0131) d\u00f6n\u00fc\u015ft\u00fcr\u00fcrler.<\/li>\n<li><strong>Ne Zaman Kullan\u0131l\u0131r:<\/strong>\n<ul>\n<li>\u00c7ok say\u0131da PSD dosyas\u0131n\u0131 toplu olarak d\u00f6n\u00fc\u015ft\u00fcrmek istedi\u011finizde.<\/li>\n<li>Manuel aktar\u0131m\u0131n \u00e7ok zaman alaca\u011f\u0131 b\u00fcy\u00fck projelerde alternatif bir \u00e7\u00f6z\u00fcm ararken.<\/li>\n<li>Geli\u015ftirici teslimi s\u00fcre\u00e7lerini otomatikle\u015ftirmek istedi\u011finizde.<\/li>\n<\/ul>\n<\/li>\n<li><strong>S\u0131n\u0131rlamalar:<\/strong> Bu ara\u00e7lar\u0131n \u00e7o\u011fu, PSD&#8217;nin t\u00fcm \u00f6zelliklerini (ak\u0131ll\u0131 nesneler, karma\u015f\u0131k efektler, \u00f6zel katman modlar\u0131) tam olarak \u00e7eviremez. Genellikle baz\u0131 katmanlar rasterize edilir veya beklenen \u015fekilde aktar\u0131lmaz. En iyi sonu\u00e7lar i\u00e7in, PSD&#8217;nizin m\u00fcmk\u00fcn oldu\u011funca temiz ve iyi organize edilmi\u015f olmas\u0131 gerekir. Ayr\u0131ca, bu ara\u00e7lar genellikle \u00fccretlidir ve yat\u0131r\u0131m yapmadan \u00f6nce dikkatli bir ara\u015ft\u0131rma ve test s\u00fcreci gerektirir.<\/li>\n<\/ul>\n<p>Her y\u00f6ntemin kendine \u00f6zg\u00fc bir kullan\u0131m senaryosu ve s\u0131n\u0131rlamalar\u0131 bulunmaktad\u0131r. Projenizin ihtiya\u00e7lar\u0131na ve aktarmak istedi\u011finiz PSD dosyas\u0131n\u0131n karma\u015f\u0131kl\u0131\u011f\u0131na g\u00f6re en uygun y\u00f6ntemi se\u00e7mek, ba\u015far\u0131l\u0131 bir ge\u00e7i\u015f i\u00e7in kritik \u00f6neme sahiptir. Genellikle, en iyi sonu\u00e7lar i\u00e7in Y\u00f6ntem 3&#8217;teki SVG ve PNG\/JPG ihracat\u0131n\u0131, Y\u00f6ntem 2&#8217;deki manuel kopyalama ile birle\u015ftirerek hibrit bir yakla\u015f\u0131m benimsemek en ak\u0131ll\u0131ca yoldur.<\/p>\n<h2>\u0130leri D\u00fczey \u0130pu\u00e7lar\u0131: PSD&#8217;den Figma&#8217;ya Ge\u00e7i\u015fte Verimlili\u011fi Art\u0131rma<\/h2>\n<p>PSD dosyalar\u0131n\u0131 Figma&#8217;ya aktarmak sadece teknik bir i\u015flemden ibaret de\u011fildir; ayn\u0131 zamanda bir strateji ve optimizasyon s\u00fcrecidir. \u00d6zellikle b\u00fcy\u00fck veya karma\u015f\u0131k projelerde, do\u011fru yakla\u015f\u0131mlar\u0131 ve ileri d\u00fczey ipu\u00e7lar\u0131n\u0131 kullanmak, verimlili\u011fi art\u0131r\u0131r, olas\u0131 sorunlar\u0131 minimize eder ve Figma&#8217;n\u0131n sundu\u011fu t\u00fcm avantajlardan faydalanman\u0131z\u0131 sa\u011flar. \u0130\u015fte bu ge\u00e7i\u015f s\u00fcrecini daha ak\u0131c\u0131 ve ba\u015far\u0131l\u0131 hale getirecek baz\u0131 \u00f6nemli ipu\u00e7lar\u0131:<\/p>\n<h3>1. PSD&#8217;deki Katman Yap\u0131s\u0131n\u0131 \u00d6nceden Optimize Edin<\/h3>\n<p>Figma&#8217;ya aktarmadan \u00f6nce PSD dosyan\u0131z\u0131n katman panelini d\u00fczenlemek, aktar\u0131m sonras\u0131 i\u015finizi b\u00fcy\u00fck \u00f6l\u00e7\u00fcde kolayla\u015ft\u0131racakt\u0131r. Karma\u015f\u0131k ve da\u011f\u0131n\u0131k bir PSD, Figma&#8217;da da karma\u015f\u0131k ve y\u00f6netilemez bir yap\u0131ya d\u00f6n\u00fc\u015febilir.<\/p>\n<ul>\n<li><strong>Grupland\u0131rma ve Adland\u0131rma:<\/strong> \u0130lgili katmanlar\u0131 mant\u0131kl\u0131 gruplar alt\u0131nda toplay\u0131n (\u00f6rn. &#8220;Header&#8221;, &#8220;Navigation&#8221;, &#8220;Product Cards&#8221;). Her katman ve gruba a\u00e7\u0131klay\u0131c\u0131 isimler verin (\u00f6rn. <code>Btn_Primary<\/code>, <code>Icon_Arrow<\/code>). Bu, Figma&#8217;da \u00f6\u011feleri bulmay\u0131 ve organize etmeyi kolayla\u015ft\u0131racakt\u0131r.<\/li>\n<li><strong>Gereksiz Katmanlar\u0131 Temizleyin:<\/strong> Kullan\u0131lmayan, gizli veya bo\u015f katmanlar\u0131 PSD&#8217;den silin. Bu, dosya boyutunu k\u00fc\u00e7\u00fclt\u00fcr ve Figma&#8217;ya aktar\u0131lacak veri miktar\u0131n\u0131 azalt\u0131r.<\/li>\n<li><strong>Vekt\u00f6rleri Rasterlerden Ay\u0131r\u0131n:<\/strong> Vekt\u00f6r \u015fekillerini ve raster g\u00f6r\u00fcnt\u00fcleri ayr\u0131 ayr\u0131 de\u011ferlendirin. Vekt\u00f6rleri SVG olarak, rasterleri PNG\/JPG olarak d\u0131\u015fa aktarmak i\u00e7in bu ayr\u0131m \u00f6nemlidir.<\/li>\n<li><strong>Ak\u0131ll\u0131 Nesneleri D\u00fczle\u015ftirin veya Ayr\u0131\u015ft\u0131r\u0131n:<\/strong> E\u011fer ak\u0131ll\u0131 nesnelerin i\u00e7indeki \u00f6\u011felerin Figma&#8217;da d\u00fczenlenebilir olmas\u0131n\u0131 istiyorsan\u0131z, Photoshop&#8217;ta ak\u0131ll\u0131 nesneyi a\u00e7\u0131p i\u00e7eri\u011fini d\u0131\u015fa aktar\u0131n. Aksi takdirde, ak\u0131ll\u0131 nesneler genellikle tek bir raster g\u00f6r\u00fcnt\u00fc olarak aktar\u0131l\u0131r.<\/li>\n<\/ul>\n<h3>2. Metin Katmanlar\u0131 ve Font Y\u00f6netimi<\/h3>\n<p>Metinler, tasar\u0131m\u0131n kritik bir par\u00e7as\u0131d\u0131r ve PSD&#8217;den Figma&#8217;ya aktar\u0131mda \u00f6zel dikkat gerektirir.<\/p>\n<ul>\n<li><strong>Font E\u015fle\u015ftirme:<\/strong> PSD&#8217;de kulland\u0131\u011f\u0131n\u0131z fontlar\u0131n Figma&#8217;da da mevcut oldu\u011fundan emin olun. Figma, sisteminizde y\u00fckl\u00fc olan fontlar\u0131 (masa\u00fcst\u00fc uygulamas\u0131 kullan\u0131yorsan\u0131z) veya Google Fonts gibi web fontlar\u0131n\u0131 destekler. E\u011fer kulland\u0131\u011f\u0131n\u0131z \u00f6zel bir font varsa, Figma&#8217;ya y\u00fcklemeniz (Figma Font Helper ile) veya benzer bir fontla de\u011fi\u015ftirmeniz gerekebilir.<\/li>\n<li><strong>Metinleri \u015eekle D\u00f6n\u00fc\u015ft\u00fcrmekten Ka\u00e7\u0131n\u0131n (M\u00fcmk\u00fcnse):<\/strong> Metinleri SVG olarak d\u0131\u015fa aktar\u0131rken &#8220;Convert to Shape&#8221; (\u015eekle D\u00f6n\u00fc\u015ft\u00fcr) se\u00e7ene\u011fini kullanmak, metinlerin d\u00fczenlenebilirli\u011fini kaybetmenize neden olur. M\u00fcmk\u00fcnse, metinleri Figma&#8217;da manuel olarak yeniden yazmak veya fontlar\u0131 do\u011fru \u015fekilde e\u015fle\u015ftirmek, gelecekteki d\u00fczenlemeler i\u00e7in daha iyidir.<\/li>\n<li><strong>Metin Stillerini Tan\u0131mlay\u0131n:<\/strong> PSD&#8217;deki metin stillerini (ba\u015fl\u0131klar, paragraflar, d\u00fc\u011fme metinleri) Figma&#8217;da yeniden tan\u0131mlay\u0131n. Bu, tasar\u0131m sisteminizin temelini olu\u015fturacak ve tutarl\u0131l\u0131\u011f\u0131 sa\u011flayacakt\u0131r.<\/li>\n<\/ul>\n<h3>3. Ak\u0131ll\u0131 Nesneler, Katman Stilleri ve Efektler<\/h3>\n<p>Photoshop&#8217;un geli\u015fmi\u015f \u00f6zellikleri olan ak\u0131ll\u0131 nesneler, katman stilleri (g\u00f6lge, i\u00e7 g\u00f6lge, degrade) ve filtre efektleri, Figma&#8217;ya aktar\u0131l\u0131rken farkl\u0131 davranabilir.<\/p>\n<ul>\n<li><strong>Ak\u0131ll\u0131 Nesneler:<\/strong> Genellikle rasterize edilirler. E\u011fer bir ak\u0131ll\u0131 nesnenin i\u00e7eri\u011fini d\u00fczenlenebilir olarak Figma&#8217;ya ta\u015f\u0131mak istiyorsan\u0131z, Photoshop&#8217;ta ak\u0131ll\u0131 nesneyi \u00e7ift t\u0131klayarak a\u00e7\u0131n, i\u00e7eri\u011fini ayr\u0131 ayr\u0131 d\u0131\u015fa aktar\u0131n (SVG\/PNG olarak) ve Figma&#8217;da yeniden birle\u015ftirin.<\/li>\n<li><strong>Katman Stilleri:<\/strong> Figma, g\u00f6lge, degrade, kenarl\u0131k gibi temel katman stillerini destekler. Kopyala\/yap\u0131\u015ft\u0131r veya SVG aktar\u0131m\u0131 s\u0131ras\u0131nda bu stiller Figma&#8217;n\u0131n kendi stillerine d\u00f6n\u00fc\u015ft\u00fcr\u00fclmeye \u00e7al\u0131\u015f\u0131l\u0131r. Ancak karma\u015f\u0131k stiller veya birden fazla efekt birle\u015fimi tam olarak aktar\u0131lamayabilir. Bu durumlarda, Figma&#8217;da manuel olarak yeniden olu\u015fturman\u0131z gerekebilir.<\/li>\n<li><strong>Filtre ve Ayarlama Katmanlar\u0131:<\/strong> Bu t\u00fcr katmanlar genellikle Figma&#8217;da desteklenmez ve aktar\u0131m s\u0131ras\u0131nda g\u00f6z ard\u0131 edilir veya d\u00fczle\u015ftirilir. E\u011fer bu efektler tasar\u0131m\u0131n\u0131z i\u00e7in kritikse, bunlar\u0131 uygulad\u0131\u011f\u0131n\u0131z katman\u0131 PNG\/JPG olarak d\u0131\u015fa aktarmak en iyi \u00e7\u00f6z\u00fcmd\u00fcr.<\/li>\n<\/ul>\n<h3>4. Renk Profilleri ve Renk Y\u00f6netimi<\/h3>\n<p>Renklerin tutarl\u0131l\u0131\u011f\u0131, tasar\u0131m\u0131n kalitesi i\u00e7in hayati \u00f6neme sahiptir. PSD ve Figma&#8217;n\u0131n renk y\u00f6netimi yakla\u015f\u0131mlar\u0131 farkl\u0131l\u0131k g\u00f6sterebilir.<\/p>\n<ul>\n<li><strong>RGB Odakl\u0131l\u0131k:<\/strong> Figma, web tabanl\u0131 bir ara\u00e7 oldu\u011fu i\u00e7in tamamen RGB renk uzay\u0131nda \u00e7al\u0131\u015f\u0131r (genellikle sRGB). Photoshop ise CMYK (bask\u0131 i\u00e7in) ve farkl\u0131 RGB profillerini destekler. PSD&#8217;nizi Figma&#8217;ya aktarmadan \u00f6nce RGB modunda \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zdan emin olun.<\/li>\n<li><strong>Renk Paletini \u00c7\u0131kar\u0131n:<\/strong> PSD&#8217;nizdeki ana renkleri belirleyin ve Figma&#8217;da bir renk stili paleti olu\u015fturun. Bu, renk tutarl\u0131l\u0131\u011f\u0131n\u0131 sa\u011flaman\u0131n en iyi yoludur ve aktar\u0131m s\u0131ras\u0131nda olas\u0131 renk kaymalar\u0131n\u0131 manuel olarak d\u00fczeltmenize olanak tan\u0131r.<\/li>\n<li><strong>G\u00f6rsel Kontrol:<\/strong> Aktar\u0131m sonras\u0131, renklerin PSD&#8217;deki orijinal halleriyle e\u015fle\u015fip e\u015fle\u015fmedi\u011fini dikkatlice kontrol edin. Gerekirse Figma&#8217;da manuel ayarlamalar yap\u0131n.<\/li>\n<\/ul>\n<h3>5. Tasar\u0131m Sistemleri ve Bile\u015fenler Olu\u015fturma<\/h3>\n<p>Figma&#8217;n\u0131n en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri olan bile\u015fenler (components) ve tasar\u0131m sistemleri, PSD&#8217;den aktar\u0131lan varl\u0131klar\u0131n de\u011ferini katlar.<\/p>\n<ul>\n<li><strong>Tekrar Eden \u00d6\u011feleri Belirleyin:<\/strong> PSD&#8217;nizde tekrar eden d\u00fc\u011fmeler, kartlar, form alanlar\u0131, ikonlar gibi \u00f6\u011feleri belirleyin.<\/li>\n<li><strong>Figma&#8217;da Yeniden Olu\u015fturun:<\/strong> Bu \u00f6\u011feleri Figma&#8217;ya aktard\u0131ktan sonra (genellikle SVG ve manuel yeniden d\u00fczenleme ile), onlar\u0131 Figma bile\u015fenlerine d\u00f6n\u00fc\u015ft\u00fcr\u00fcn. Bu, gelecekteki de\u011fi\u015fiklikleri tek bir yerden y\u00f6netmenizi sa\u011flar.<\/li>\n<li><strong>Otomatik D\u00fczen (Auto Layout) Kullan\u0131m\u0131:<\/strong> Figma&#8217;n\u0131n Auto Layout \u00f6zelli\u011fini kullanarak aktar\u0131lan \u00f6\u011feleri (\u00f6zellikle butonlar, kartlar, listeler) esnek ve duyarl\u0131 hale getirin. Bu, farkl\u0131 i\u00e7erik boyutlar\u0131na veya ekranlara kolayca uyum sa\u011flamalar\u0131n\u0131 sa\u011flar.<\/li>\n<li><strong>Stil K\u00fct\u00fcphaneleri:<\/strong> Metin stilleri, renk stilleri ve efekt stilleri olu\u015fturarak t\u00fcm projenizde tutarl\u0131l\u0131\u011f\u0131 sa\u011flay\u0131n.<\/li>\n<\/ul>\n<p>Bu ileri d\u00fczey ipu\u00e7lar\u0131n\u0131 uygulayarak, PSD&#8217;den Figma&#8217;ya ge\u00e7i\u015f s\u00fcrecini sadece bir dosya ta\u015f\u0131ma i\u015fleminden \u00e7ok daha fazlas\u0131 haline getirebilirsiniz. Bu, eski varl\u0131klar\u0131n\u0131za yeni bir hayat vermek, i\u015f ak\u0131\u015f\u0131n\u0131z\u0131 modernle\u015ftirmek ve Figma&#8217;n\u0131n sundu\u011fu i\u015f birli\u011fi ve verimlilik avantajlar\u0131ndan tam olarak yararlanmak anlam\u0131na gelir. Unutmay\u0131n, her proje benzersizdir ve en iyi sonu\u00e7lar i\u00e7in bu ipu\u00e7lar\u0131n\u0131 kendi projenizin \u00f6zel ihtiya\u00e7lar\u0131na g\u00f6re uyarlaman\u0131z gerekebilir.<\/p>\n<h2>Vaka Analizi: B\u00fcy\u00fck Bir Kurumsal Web Sitesinin PSD&#8217;den Figma&#8217;ya Aktar\u0131m\u0131<\/h2>\n<p>Bir projenin PSD&#8217;den Figma&#8217;ya aktar\u0131m\u0131n\u0131n sadece teorik bilgilerle s\u0131n\u0131rl\u0131 kalmamas\u0131, ger\u00e7ek d\u00fcnya senaryolar\u0131yla peki\u015ftirilmesi \u00f6nemlidir. \u0130\u015fte, b\u00fcy\u00fck \u00f6l\u00e7ekli bir kurumsal web sitesi projesinin PSD&#8217;den Figma&#8217;ya nas\u0131l aktar\u0131ld\u0131\u011f\u0131na dair bir vaka analizi. Bu senaryo, bir e-ticaret \u015firketinin eski, Photoshop tabanl\u0131 web sitesi tasar\u0131m\u0131n\u0131, modern bir kullan\u0131c\u0131 deneyimi (UX) ve daha iyi bir i\u015f birli\u011fi s\u00fcreci i\u00e7in Figma&#8217;ya ta\u015f\u0131ma karar\u0131 almas\u0131yla ba\u015fl\u0131yor.<\/p>\n<h3>Proje Arka Plan\u0131 ve Hedefler<\/h3>\n<p>X \u015eirketi, y\u0131llard\u0131r kulland\u0131\u011f\u0131 kurumsal web sitesinin tasar\u0131m\u0131n\u0131, g\u00fcncel trendlere uygun hale getirmek ve pazarlama, \u00fcr\u00fcn ve geli\u015ftirme ekipleri aras\u0131nda daha etkin bir i\u015f birli\u011fi sa\u011flamak istiyordu. Mevcut tasar\u0131m, yakla\u015f\u0131k be\u015f y\u0131l \u00f6nce Photoshop&#8217;ta olu\u015fturulmu\u015f, y\u00fczlerce PSD dosyas\u0131ndan olu\u015fan b\u00fcy\u00fck bir ar\u015five sahipti. Hedef, bu eski tasar\u0131mlardan \u00f6\u011frenilenleri koruyarak, Figma&#8217;n\u0131n sundu\u011fu bile\u015fen bazl\u0131 tasar\u0131m ve ger\u00e7ek zamanl\u0131 i\u015f birli\u011fi avantajlar\u0131ndan yararlanmakt\u0131.<\/p>\n<ul>\n<li><strong>Ana Hedefler:<\/strong>\n<ul>\n<li>Mevcut PSD tasar\u0131mlar\u0131n\u0131 Figma&#8217;ya d\u00fczenlenebilir katmanlar olarak aktarmak.<\/li>\n<li>Figma&#8217;da bir tasar\u0131m sistemi (design system) olu\u015fturmak.<\/li>\n<li>Tasar\u0131m ve geli\u015ftirme s\u00fcre\u00e7lerini h\u0131zland\u0131rmak.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Aktar\u0131m S\u00fcreci ve Ad\u0131mlar<\/h3>\n<h4>Ad\u0131m 1: Mevcut PSD Varl\u0131klar\u0131n\u0131n Envanteri ve Analizi<\/h4>\n<p>Ekip, y\u00fczlerce PSD dosyas\u0131n\u0131 tek tek inceleyerek bir envanter \u00e7\u0131kard\u0131. Bu envanterde \u015funlar yer ald\u0131:<\/p>\n<ul>\n<li><strong>Ortak UI \u00d6\u011feleri:<\/strong> D\u00fc\u011fmeler, form alanlar\u0131, kartlar, navigasyon men\u00fcleri, ikonlar.<\/li>\n<li><strong>G\u00f6rseller:<\/strong> \u00dcr\u00fcn foto\u011fraflar\u0131, banner g\u00f6rselleri, arka plan resimleri.<\/li>\n<li><strong>Metin Stilleri:<\/strong> Ba\u015fl\u0131klar (H1-H6), paragraf metinleri, liste metinleri.<\/li>\n<li><strong>Renk Paleti:<\/strong> Markan\u0131n birincil ve ikincil renkleri, vurgu renkleri.<\/li>\n<\/ul>\n<p>Bu analiz sonucunda, hangi \u00f6\u011felerin SVG olarak (ikonlar, logolar, vekt\u00f6rel \u015fekiller), hangilerinin PNG\/JPG olarak (\u00fcr\u00fcn foto\u011fraflar\u0131, banner&#8217;lar) aktar\u0131lmas\u0131 gerekti\u011fi ve hangilerinin Figma&#8217;da s\u0131f\u0131rdan olu\u015fturulmas\u0131 gerekti\u011fi belirlendi.<\/p>\n<h4>Ad\u0131m 2: Photoshop&#8217;tan Optimize Edilmi\u015f D\u0131\u015fa Aktar\u0131m<\/h4>\n<p>Ekip, belirledikleri stratejiye g\u00f6re Photoshop&#8217;tan d\u0131\u015fa aktar\u0131m s\u00fcrecine ba\u015flad\u0131:<\/p>\n<ul>\n<li><strong>Vekt\u00f6r \u00d6\u011feleri i\u00e7in SVG:<\/strong> T\u00fcm ikonlar, logolar ve di\u011fer vekt\u00f6rel \u00e7izimler, Photoshop&#8217;tan <code>Export As... > SVG<\/code> se\u00e7ene\u011fi kullan\u0131larak d\u0131\u015fa aktar\u0131ld\u0131. Karma\u015f\u0131k vekt\u00f6r gruplar\u0131, Figma&#8217;da daha kolay y\u00f6netilebilmesi i\u00e7in mant\u0131ksal olarak ayr\u0131\u015ft\u0131r\u0131ld\u0131.<\/li>\n<li><strong>Raster G\u00f6rseller i\u00e7in PNG\/JPG:<\/strong> \u00dcr\u00fcn g\u00f6rselleri, banner&#8217;lar ve arka plan resimleri, web i\u00e7in optimize edilmi\u015f boyutlarda ve kalitede (\u015feffafl\u0131k gerektirenler PNG, di\u011ferleri JPG) d\u0131\u015fa aktar\u0131ld\u0131. B\u00fcy\u00fck arka plan g\u00f6rselleri, Figma&#8217;da performans\u0131 etkilememesi i\u00e7in s\u0131k\u0131\u015ft\u0131r\u0131ld\u0131.<\/li>\n<li><strong>Metinler ve Stiller:<\/strong> PSD&#8217;deki metin katmanlar\u0131, font bilgileriyle birlikte not edildi. Metinler SVG olarak d\u0131\u015fa aktar\u0131lmad\u0131; bunun yerine, Figma&#8217;da manuel olarak yeniden olu\u015fturulup fontlar e\u015fle\u015ftirildi.<\/li>\n<\/ul>\n<h4>Ad\u0131m 3: Figma&#8217;da Temel Yap\u0131n\u0131n Olu\u015fturulmas\u0131 ve Bile\u015fenle\u015ftirme<\/h4>\n<p>D\u0131\u015fa aktar\u0131lan varl\u0131klar Figma&#8217;ya aktar\u0131ld\u0131ktan sonra, tasar\u0131m sistemi olu\u015fturma s\u00fcrecine ge\u00e7ildi:<\/p>\n<ul>\n<li><strong>Renk ve Metin Stilleri:<\/strong> PSD&#8217;den al\u0131nan renkler ve metin stilleri, Figma&#8217;da global stil olarak tan\u0131mland\u0131. Bu, projenin tamam\u0131nda tutarl\u0131l\u0131k sa\u011flad\u0131.<\/li>\n<li><strong>\u0130kon K\u00fct\u00fcphanesi:<\/strong> SVG olarak aktar\u0131lan t\u00fcm ikonlar, Figma&#8217;da bir ikon seti bile\u015feni olarak olu\u015fturuldu. Bu sayede, herhangi bir ikonun rengi veya boyutu tek bir yerden kolayca de\u011fi\u015ftirilebildi.<\/li>\n<li><strong>Ortak Bile\u015fenler:<\/strong> D\u00fc\u011fmeler, form alanlar\u0131, kartlar ve navigasyon \u00f6\u011feleri gibi s\u0131k kullan\u0131lan UI \u00f6\u011feleri, Figma&#8217;da ana bile\u015fenler olarak tasarland\u0131. Bu bile\u015fenler, Auto Layout (otomatik d\u00fczen) kullan\u0131larak esnek hale getirildi, b\u00f6ylece i\u00e7erik de\u011fi\u015fti\u011finde veya farkl\u0131 ekran boyutlar\u0131na uyarland\u0131\u011f\u0131nda otomatik olarak boyutlanabildiler.<\/li>\n<li><strong>Sayfa D\u00fczenleri:<\/strong> Web sitesinin ana sayfalar\u0131 (anasayfa, \u00fcr\u00fcn listeleme, \u00fcr\u00fcn detay\u0131, sepet vb.), olu\u015fturulan bile\u015fenler kullan\u0131larak Figma&#8217;da yeniden in\u015fa edildi. PSD&#8217;deki genel d\u00fczen referans al\u0131nd\u0131, ancak Figma&#8217;n\u0131n modern \u00f6zellikleriyle daha optimize edilmi\u015f ve duyarl\u0131 hale getirildi.<\/li>\n<\/ul>\n<h4>Ad\u0131m 4: \u0130\u015f Birli\u011fi ve Geri Bildirim S\u00fcreci<\/h4>\n<p>T\u00fcm tasar\u0131m Figma&#8217;ya ta\u015f\u0131nd\u0131ktan sonra, ekibin geri kalan\u0131 s\u00fcrece dahil edildi:<\/p>\n<ul>\n<li>Pazarlama ekibi, metin i\u00e7eriklerini do\u011frudan Figma \u00fczerinde yorumlayarak veya d\u00fczenleyerek geri bildirim sa\u011flad\u0131.<\/li>\n<li>Geli\u015ftirme ekibi, Figma&#8217;n\u0131n inspect (inceleme) modunu kullanarak tasar\u0131m \u00f6\u011felerinin CSS \u00f6zelliklerini ve \u00f6l\u00e7\u00fclerini kolayca alabildi. Bu, geli\u015ftirme s\u00fcrecini \u00f6nemli \u00f6l\u00e7\u00fcde h\u0131zland\u0131rd\u0131 ve tasar\u0131m ile geli\u015ftirme aras\u0131ndaki ileti\u015fimi g\u00fc\u00e7lendirdi.<\/li>\n<li>Prototipleme \u00f6zellikleri kullan\u0131larak, kullan\u0131c\u0131 testleri i\u00e7in interaktif demolar h\u0131zla olu\u015fturuldu.<\/li>\n<\/ul>\n<h3>Sonu\u00e7lar ve Kazan\u0131mlar<\/h3>\n<p>Bu aktar\u0131m s\u00fcreci sonucunda X \u015eirketi, \u00f6nemli faydalar elde etti:<\/p>\n<ul>\n<li><strong>Artan Verimlilik:<\/strong> Figma&#8217;n\u0131n i\u015f birli\u011fi \u00f6zellikleri sayesinde tasar\u0131m, geli\u015ftirme ve pazarlama ekipleri aras\u0131ndaki ileti\u015fim h\u0131zland\u0131, projenin tamamlanma s\u00fcresi k\u0131sald\u0131.<\/li>\n<li><strong>Tutarl\u0131l\u0131k:<\/strong> Olu\u015fturulan tasar\u0131m sistemi sayesinde, web sitesinin t\u00fcm sayfalar\u0131nda ve gelecekteki projelerde g\u00f6rsel tutarl\u0131l\u0131k sa\u011fland\u0131.<\/li>\n<li><strong>Duyarl\u0131l\u0131k ve Esneklik:<\/strong> Auto Layout ve vekt\u00f6r tabanl\u0131 tasar\u0131m sayesinde, web sitesi farkl\u0131 cihazlarda ve ekran boyutlar\u0131nda sorunsuz \u00e7al\u0131\u015f\u0131r hale geldi.<\/li>\n<li><strong>Maliyet Tasarrufu:<\/strong> Eski tasar\u0131mlar\u0131 ba\u015ftan yaratmak yerine, mevcut varl\u0131klar\u0131n ak\u0131ll\u0131ca kullan\u0131lmas\u0131yla zaman ve i\u015f g\u00fcc\u00fc maliyetlerinden tasarruf edildi.<\/li>\n<\/ul>\n<p>Bu vaka analizi, PSD&#8217;den Figma&#8217;ya ge\u00e7i\u015fin sadece teknik bir aktar\u0131m olmad\u0131\u011f\u0131n\u0131, ayn\u0131 zamanda bir organizasyonun tasar\u0131m ve geli\u015ftirme s\u00fcre\u00e7lerini modernle\u015ftirme ve optimize etme f\u0131rsat\u0131 sundu\u011funu g\u00f6stermektedir. Stratejik planlama, do\u011fru ara\u00e7 se\u00e7imi ve dikkatli uygulama ile b\u00fcy\u00fck projelerin bile bu ge\u00e7i\u015fi ba\u015far\u0131yla tamamlayabilece\u011fi kan\u0131tlanm\u0131\u015ft\u0131r.<\/p>\n<h2>Sonu\u00e7: PSD&#8217;nin G\u00fcc\u00fcn\u00fc Figma&#8217;n\u0131n \u00c7evikli\u011fiyle Birle\u015ftirin<\/h2>\n<p>Tasar\u0131m d\u00fcnyas\u0131 s\u00fcrekli bir d\u00f6n\u00fc\u015f\u00fcm i\u00e7inde. Adobe Photoshop&#8217;un y\u0131llarca s\u00fcren hakimiyetinin ard\u0131ndan, Figma gibi bulut tabanl\u0131 ve i\u015f birli\u011fine dayal\u0131 ara\u00e7lar, modern tasar\u0131m s\u00fcre\u00e7lerinin vazge\u00e7ilmezi haline geldi. Bu makalede ele ald\u0131\u011f\u0131m\u0131z gibi, PSD dosyalar\u0131n\u0131z\u0131 Figma&#8217;ya aktarmak, sadece bir dosya format\u0131 de\u011fi\u015fikli\u011fi de\u011fil, ayn\u0131 zamanda tasar\u0131m i\u015f ak\u0131\u015f\u0131n\u0131z\u0131 optimize etme, ekipler aras\u0131 i\u015f birli\u011fini g\u00fc\u00e7lendirme ve projelerinizi gelece\u011fe ta\u015f\u0131ma f\u0131rsat\u0131d\u0131r.<\/p>\n<p>PSD&#8217;nin sundu\u011fu derinlemesine piksel manip\u00fclasyonu ve detayl\u0131 grafik tasar\u0131m g\u00fcc\u00fc yads\u0131namaz. Ancak Figma&#8217;n\u0131n ger\u00e7ek zamanl\u0131 i\u015f birli\u011fi, vekt\u00f6r tabanl\u0131 esneklik, tasar\u0131m sistemleri olu\u015fturma yetene\u011fi ve geli\u015ftirici dostu yap\u0131s\u0131, g\u00fcn\u00fcm\u00fcz\u00fcn h\u0131zla de\u011fi\u015fen dijital ortam\u0131nda kritik avantajlar sunar. PSD&#8217;den Figma&#8217;ya ge\u00e7i\u015f, bu iki d\u00fcnyan\u0131n en iyi y\u00f6nlerini birle\u015ftirerek, eski projelerinizin de\u011ferini korurken, onlar\u0131 modern tasar\u0131m paradigmalar\u0131na entegre etmenizi sa\u011flar.<\/p>\n<p>Do\u011frudan i\u00e7e aktarmadan katman katman kopyalamaya, SVG\/PNG ihracat\u0131ndan \u00fc\u00e7\u00fcnc\u00fc parti ara\u00e7lara kadar farkl\u0131 y\u00f6ntemleri ke\u015ffettik. Her bir y\u00f6ntemin kendine \u00f6zg\u00fc avantajlar\u0131 ve s\u0131n\u0131rlamalar\u0131 oldu\u011funu g\u00f6rd\u00fck. Genellikle, vekt\u00f6r \u00f6\u011felerini SVG olarak, raster \u00f6\u011felerini ise PNG\/JPG olarak d\u0131\u015fa aktararak hibrit bir yakla\u015f\u0131m benimsemek, Figma&#8217;da en y\u00fcksek d\u00fczeyde d\u00fczenlenebilirlik ve g\u00f6rsel kaliteyi sa\u011flar. Ayr\u0131ca, PSD dosyan\u0131z\u0131n katman yap\u0131s\u0131n\u0131 optimize etmek, metin ve font y\u00f6netimini dikkatli yapmak, ak\u0131ll\u0131 nesneler ve efektlerle ba\u015fa \u00e7\u0131kmak gibi ileri d\u00fczey ipu\u00e7lar\u0131, bu ge\u00e7i\u015f s\u00fcrecini daha verimli ve sorunsuz hale getirir.<\/p>\n<p>Unutmay\u0131n ki bu s\u00fcre\u00e7, sadece teknik ad\u0131mlar\u0131 takip etmekten ibaret de\u011fildir. Ayn\u0131 zamanda, tasar\u0131m varl\u0131klar\u0131n\u0131z\u0131 analiz etmek, \u00f6nceliklendirmek ve Figma&#8217;n\u0131n g\u00fc\u00e7l\u00fc bile\u015fen ve stil sistemini kullanarak bunlar\u0131 yeniden yap\u0131land\u0131rmak anlam\u0131na gelir. B\u00fcy\u00fck bir kurumsal web sitesi aktar\u0131m\u0131 vaka analizimizde de g\u00f6rd\u00fc\u011f\u00fcm\u00fcz gibi, stratejik bir planlama ve dikkatli bir uygulama ile karma\u015f\u0131k projelerin bile ba\u015far\u0131yla d\u00f6n\u00fc\u015ft\u00fcr\u00fclebilece\u011fi kan\u0131tlanm\u0131\u015ft\u0131r.<\/p>\n<p>Sonu\u00e7 olarak, PSD&#8217;den Figma&#8217;ya ge\u00e7i\u015f, tasar\u0131mc\u0131lar\u0131n ve ekiplerin daha \u00e7evik, i\u015f birli\u011fine a\u00e7\u0131k ve gelece\u011fe haz\u0131r olmalar\u0131n\u0131 sa\u011flayan stratejik bir hamledir. Mevcut PSD dosyalar\u0131n\u0131z\u0131n g\u00fcc\u00fcn\u00fc kaybetmeden, Figma&#8217;n\u0131n sundu\u011fu modern tasar\u0131m olanaklar\u0131ndan tam olarak yararlanmak i\u00e7in bu ad\u0131mlar\u0131 izleyin ve projelerinizi bir sonraki seviyeye ta\u015f\u0131y\u0131n.<\/p>\n<h2>S\u0131k\u00e7a Sorulan Sorular<\/h2>\n<ol>\n<li>\n            <strong>T\u00fcm PSD katmanlar\u0131m\u0131 Figma&#8217;ya tam olarak d\u00fczenlenebilir \u015fekilde aktarabilir miyim?<\/strong><\/p>\n<p>Hay\u0131r, genellikle t\u00fcm PSD katmanlar\u0131n\u0131 Figma&#8217;ya tam olarak d\u00fczenlenebilir \u015fekilde aktarmak m\u00fcmk\u00fcn de\u011fildir. \u00d6zellikle ak\u0131ll\u0131 nesneler, karma\u015f\u0131k katman efektleri ve baz\u0131 ayarlama katmanlar\u0131 Figma&#8217;ya aktar\u0131l\u0131rken rasterize edilebilir (tek bir g\u00f6r\u00fcnt\u00fcye d\u00f6n\u00fc\u015febilir) veya tamamen farkl\u0131 g\u00f6r\u00fcnebilir. En iyi d\u00fczenlenebilirlik i\u00e7in vekt\u00f6r \u015fekillerini SVG olarak, raster \u00f6\u011feleri PNG\/JPG olarak d\u0131\u015fa aktarmak ve metinleri Figma&#8217;da yeniden olu\u015fturmak en etkili y\u00f6ntemdir.<\/p>\n<\/li>\n<li>\n            <strong>PSD&#8217;deki fontlar\u0131m Figma&#8217;da otomatik olarak tan\u0131n\u0131r m\u0131?<\/strong><\/p>\n<p>E\u011fer PSD&#8217;de kulland\u0131\u011f\u0131n\u0131z fontlar sisteminizde y\u00fckl\u00fcyse ve Figma&#8217;n\u0131n masa\u00fcst\u00fc uygulamas\u0131n\u0131 kullan\u0131yorsan\u0131z, Figma bu fontlar\u0131 tan\u0131yabilir. Ancak, Figma web tabanl\u0131 bir ara\u00e7 oldu\u011fu i\u00e7in, sisteminizde y\u00fckl\u00fc olmayan \u00f6zel fontlar\u0131 kullanabilmek i\u00e7in Figma Font Helper uygulamas\u0131n\u0131 y\u00fcklemeniz veya Google Fonts gibi Figma taraf\u0131ndan desteklenen web fontlar\u0131n\u0131 kullanman\u0131z gerekebilir. Aksi takdirde, Figma otomatik olarak benzer bir fontla de\u011fi\u015ftirir veya metinler d\u00fczg\u00fcn g\u00f6r\u00fcnmeyebilir.<\/p>\n<\/li>\n<li>\n            <strong>B\u00fcy\u00fck PSD dosyalar\u0131n\u0131 aktar\u0131rken performans sorunlar\u0131 ya\u015far m\u0131y\u0131m?<\/strong><\/p>\n<p>Evet, b\u00fcy\u00fck PSD dosyalar\u0131n\u0131 do\u011frudan Figma&#8217;ya tek bir g\u00f6r\u00fcnt\u00fc olarak aktard\u0131\u011f\u0131n\u0131zda veya \u00e7ok say\u0131da y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc raster g\u00f6r\u00fcnt\u00fcy\u00fc i\u00e7e aktard\u0131\u011f\u0131n\u0131zda performans sorunlar\u0131 ya\u015fayabilirsiniz. Figma&#8217;n\u0131n dosya boyutu ve katman say\u0131s\u0131 artt\u0131k\u00e7a performans\u0131 d\u00fc\u015febilir. Bu sorunlar\u0131 \u00f6nlemek i\u00e7in, PSD dosyas\u0131n\u0131 par\u00e7alara ay\u0131rarak, gereksiz katmanlar\u0131 temizleyerek ve g\u00f6rselleri web i\u00e7in optimize edilmi\u015f boyutlarda (PNG\/JPG) d\u0131\u015fa aktararak dosya boyutunu minimize etmeniz \u00f6nerilir.<\/p>\n<\/li>\n<li>\n            <strong>Figma&#8217;ya aktard\u0131\u011f\u0131mda renk profili sorunlar\u0131 ya\u015far m\u0131y\u0131m?<\/strong><\/p>\n<p>PSD&#8217;ler genellikle farkl\u0131 renk profilleri (sRGB, Adobe RGB, CMYK gibi) kullanabilirken, Figma standart olarak sRGB renk uzay\u0131nda \u00e7al\u0131\u015f\u0131r. E\u011fer PSD dosyan\u0131z farkl\u0131 bir renk profilinde kaydedilmi\u015fse, Figma&#8217;ya aktar\u0131ld\u0131\u011f\u0131nda renklerde hafif farkl\u0131l\u0131klar veya kaymalar ya\u015fanabilir. Bu durumu minimize etmek i\u00e7in PSD&#8217;nizi aktarmadan \u00f6nce sRGB profilinde \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zdan emin olun ve aktar\u0131m sonras\u0131 renkleri dikkatlice kontrol ederek gerekirse manuel ayarlamalar yap\u0131n.<\/p>\n<\/li>\n<li>\n            <strong>Aktar\u0131m s\u00fcrecini h\u0131zland\u0131rmak i\u00e7in hangi eklentileri \u00f6nerirsiniz?<\/strong><\/p>\n<p>Do\u011frudan PSD&#8217;den Figma&#8217;ya tek t\u0131kla m\u00fckemmel aktar\u0131m yapan evrensel bir eklenti bulunmamaktad\u0131r, \u00e7\u00fcnk\u00fc PSD&#8217;nin karma\u015f\u0131k yap\u0131s\u0131n\u0131 tam olarak \u00e7evirmek zordur. Ancak, s\u00fcreci h\u0131zland\u0131rmak i\u00e7in Photoshop&#8217;tan SVG ve PNG d\u0131\u015fa aktar\u0131m\u0131n\u0131 kolayla\u015ft\u0131ran eklentiler (\u00f6rne\u011fin, Adobe&#8217;nin kendi &#8220;Export As&#8221; \u00f6zelli\u011fi veya baz\u0131 \u00fc\u00e7\u00fcnc\u00fc taraf script&#8217;ler) kullanabilirsiniz. Figma i\u00e7inde ise, i\u015f ak\u0131\u015f\u0131n\u0131z\u0131 h\u0131zland\u0131ran ve aktar\u0131lan \u00f6\u011feleri d\u00fczenlemenize yard\u0131mc\u0131 olan Auto Layout, Content Reel gibi eklentiler veya bile\u015fen k\u00fct\u00fcphaneleri olu\u015fturma ara\u00e7lar\u0131 olduk\u00e7a faydal\u0131 olacakt\u0131r.<\/p>\n<\/li>\n<\/ol>\n<p>#PSDtoFigma #Figma #Photoshop #Tasar\u0131mAra\u00e7lar\u0131 #WebTasar\u0131m #UIUX<\/p>\n<div class=\"github-example-link\"><strong>\u00d6rnek kod:<\/strong> <a href=\"https:\/\/github.com\/fatihsoysalcom\/generate-layered-svg-design\" target=\"_blank\" rel=\"noopener noreferrer\">github.com\/fatihsoysalcom\/generate-layered-svg-design<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"Tasar\u0131m d\u00fcnyas\u0131nda h\u0131z ve i\u015f birli\u011fi her zamankinden daha \u00f6nemli hale geldi.","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-45471","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PSD&#039;den Figma&#039;ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z? - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PSD&#039;den Figma&#039;ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z?\" \/>\n<meta property=\"og:description\" content=\"Tasar\u0131m d\u00fcnyas\u0131nda h\u0131z ve i\u015f birli\u011fi her zamankinden daha \u00f6nemli hale geldi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-31T06:08:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-31T06:09:27+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"29 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"PSD&#8217;den Figma&#8217;ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z?\",\"datePublished\":\"2026-10-31T06:08:55+00:00\",\"dateModified\":\"2026-10-31T06:09:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/\"},\"wordCount\":5833,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/#respond\"]}],\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/\",\"name\":\"PSD'den Figma'ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z? - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2026-10-31T06:08:55+00:00\",\"dateModified\":\"2026-10-31T06:09:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PSD&#8217;den Figma&#8217;ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"PSD'den Figma'ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z? - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/","og_locale":"tr_TR","og_type":"article","og_title":"PSD'den Figma'ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z?","og_description":"Tasar\u0131m d\u00fcnyas\u0131nda h\u0131z ve i\u015f birli\u011fi her zamankinden daha \u00f6nemli hale geldi.","og_url":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2026-10-31T06:08:55+00:00","article_modified_time":"2026-10-31T06:09:27+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"29 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"PSD&#8217;den Figma&#8217;ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z?","datePublished":"2026-10-31T06:08:55+00:00","dateModified":"2026-10-31T06:09:27+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/"},"wordCount":5833,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/#respond"]}],"copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/","url":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/","name":"PSD'den Figma'ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z? - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2026-10-31T06:08:55+00:00","dateModified":"2026-10-31T06:09:27+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/psdden-figmaya-gecis-photoshop-dosyalarini-duzenlenebilir-katmanlar-olarak-nasil-ice-aktarirsiniz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"PSD&#8217;den Figma&#8217;ya Ge\u00e7i\u015f: Photoshop Dosyalar\u0131n\u0131 D\u00fczenlenebilir Katmanlar Olarak Nas\u0131l \u0130\u00e7e Aktar\u0131rs\u0131n\u0131z?"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/45471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=45471"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/45471\/revisions"}],"predecessor-version":[{"id":45472,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/45471\/revisions\/45472"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=45471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=45471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=45471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}