Bağlantıyı yapıştırın
URL to Figma: bağlantıyı yapıştırın, düzenlenebilir katmanları alın
Figma'ya girmenin en hızlı yolu. Herkese açık herhangi bir URL'yi yapıştırın; HTML to Frames sayfayı işler, ölçer ve tuvalinizde yeniden kurar.
- İzole, sandbox içinde çalışan bir tarayıcıda işlenir
- İsteğe bağlı olarak çerez bannerları ve açılır pencereler gizlenir
- Sonuç bir kez teslim edilir, asla diske yazılmaz
Yakında Figma Community'de

URL to Figma, canlı bir sayfadan düzenlenebilir bir tasarıma giden en kısa yoldur: adresi kopyalayın, HTML to Frames eklentisine yapıştırın, bir ekran seçin ve içe aktarın. Yüklenecek uzantı, dışa aktarılacak kod veya yüklenecek dosya yok. Sayfa herkese açık olduğu her durumda doğru seçimdir; bu da rakip araştırmasını, ilham amaçlı incelemeleri, yeniden tasarım öncesi müşteri sitelerini ve kendi canlı sayfalarınızı kapsar.
Yapıştırmayla sonuç arasında çok şey olur. Sayfa, HTML to Frames yakalama servisi tarafından izole, sandbox içinde çalışan bir tarayıcıda, sıradan bir ziyaretçinin göreceği şekilde yüklenir. İsterseniz önce çerez bannerları ve açılır pencereler gizlenir. Tembel yüklenen (lazy) içeriğin görünme şansı olsun diye sayfa kaydırılır, temiz bir kare için animasyonlar dondurulur ve Desktop frame'inin sitenin yapıldığı genişlikle eşleşmesi için gerçek tasarım genişliği ölçülür.
Ardından eklenti hesaplanmış yerleşimi ve stilleri okur ve tuvalinizde yerel Figma katmanlarını oluşturur; Auto Layout doğrulanabildiği her yerde uygulanır. Metin düzenlenebilir, SVG vektöre dönüşür ve görseller sığdırma ayarlarını korur.
Gizlilik tasarımın bir parçasıdır. Sonuç eklentinize bir kez teslim edilir ve ardından bellekten silinir. Asla diske yazılmaz ve iş kaydı 15 dakika sonra unutulur. Güvenlik sayfası mimarinin tamamını anlatır.
Giriş gerektiren veya localhost üzerindeki sayfalar için bunun yerine Chrome uzantısını kullanın. Çok sayıda sayfa için website to Figma sayfasına bakın. İlk kez kullananlar için HTML'i Figma'ya nasıl dönüştürürsünüz rehberi her seçeneği anlatır.
Üç adımda URL to Figma
- 01
Sayfa adresini kopyalayın
Herkese açık her URL çalışır: bir ana sayfa, bir ürün sayfası, bir blog yazısı veya bir fiyat tablosu.
- 02
Link sekmesine yapıştırın
Figma'da HTML to Frames'i açın, URL'yi yapıştırın ve Desktop veya Mobile gibi bir ekran seçin.
- 03
İçe aktarın
Sayfa işlenir, ölçülür ve mevcut Figma sayfanızda düzenlenebilir katmanlar olarak yeniden kurulur.
Yapıştırmanın arkasında neler oluyor
İzole tarayıcı
Sayfalar, API'den ve görsel çözümlemeden ayrı, kendi konteynerindeki sandbox içinde bir tarayıcıda yüklenir.
Açılır pencereler yoldan çekilir
Hide cookie banners & popups, yakalamadan önce onay katmanlarını kaldırır.
Tembel içerik yüklenir
Kaydırınca yüklenen içerik hazır olsun diye sayfa kaydırılır ve animasyonlar dondurulur.
Ölçülen genişlik
Desktop frame'i sabit bir tahmin yerine sitenin gerçek tasarım genişliğini kullanır.
Yavaş sayfalar için Extra wait
Pro'da ağır sayfalara yakalamadan önce yüklenmeyi bitirmeleri için daha fazla zaman tanıyın.
Tek tıkla Re-import
Kaynak URL frame'de saklanır; böylece sayfa değiştikten sonra onu yenileyebilirsiniz.
Bir URL içe aktarmasının perde arkası
Bir bağlantıyı yapıştırmak anlık görünür, ancak yakalama servisi sonucun bir ziyaretçinin gördüğüyle eşleşmesi için birkaç şey yapar.
- İzole yükleme. Sayfa, seccomp kısıtlamalarıyla kendi konteynerinde çalışan, sandbox içindeki bir Chromium tarayıcıda açılır. Her istek SSRF korumasından geçer; böylece bir URL dahili adreslere ulaşmak için kullanılamaz.
- Temizlik. Hide cookie banners & popups açıkken onay bannerları ve katmanlar yakalamadan önce kaldırılır.
- Tembel içerik. Kaydırınca yüklenen görseller ve bölümler yakalama çalıştığında hazır olsun diye sayfa kaydırılır.
- Durgunluk. Animasyonlar dondurulur, WebGL birkaç kareden sonra dondurulur; böylece hiçbir şey geçiş ortasında yakalanmaz.
- Ölçüm. Gerçek tasarım genişliği ölçülür: tam genişlikli tasarımlarda 1920, kutulu sitelerde kutu genişliği, akışkan sitelerde 1440.
- Teslim. Yakalanan yapı eklentinize bir kez teslim edilir, ardından bellekten silinir.
Görseller, internet erişimi olmayan ayrı bir çözücü konteynerinde işlenir. Eklenti ardından katmanları Figma'da yerel olarak oluşturur ve doğrulanmış Auto Layout'u uygular. Başka dillerdeki sayfalar için Page language seçeneği, çok dilli sitelerde 15 dilden birini seçmenizi sağlar. Dokümantasyon her seçeneği açıklar.
Hız: doğru seçenekleri belirlemek
Çoğu zaman bir URL içe aktarması varsayılan seçeneklerden başka bir şeye ihtiyaç duymaz. İnce ayar yapmak istediğinizde en büyük farkı birkaç ayar yaratır:
Ekranlar
Her ek ekran bir yakalama daha demektir. Bir sayfanın ekranları paralel çalışır ve tam bir Responsive set yine de tek bir içe aktarma sayılır. Free içe aktarma başına bir ekran yakalar; Pro ve Team dörde kadar izin verir.
Full page
Tüm kaydırılan sayfayı yakalamak size tasarımın tamamını verir. Yalnızca sayfanın üst kısmına ihtiyacınız olduğunda kapatın.
Images
Bitmiş bir görünüm için görselleri açık bırakın ya da yalnızca yerleşim ve tipografiyle ilgileniyorsanız kapatın.
Extra wait (Pro)
Bazı sayfalar hazır göründükten sonra da içerik yüklemeye devam eder. Extra wait onlara daha fazla zaman tanır; böylece geç gelen bölümler de dahil edilir.
Detailed layers (Pro)
Varsayılan yapı yerine incelemek için daha ayrıntılı bir katman ağacı istediğiniz durumlar için bir seçenek.
Bir sayfa plan limiti nedeniyle kesilirse sonuçta görünür, mor bir Capture limit şeridi gösterilir; böylece sayfanın tamamına bakıp bakmadığınızı her zaman bilirsiniz. Planların nasıl farklılaştığına dair ayrıntılar için fiyatlandırma sayfasına bakın.
URL içe aktarmalarında gizlilik
Bir URL yapıştırmak, yakalama servisimizin o sayfayı sizin adınıza ziyaret etmesi demektir; bu yüzden verilere ne olduğunu sormak yerindedir.
- İşleme, izole, sandbox içinde çalışan bir tarayıcıda gerçekleşir.
- Sonuç eklentinize bir kez teslim edilir, ardından bellekten silinir. Asla diske yazılmaz.
- İş kaydı 15 dakika sonra unutulur.
- Günlükler sınırlıdır: içe aktarma günlüğü 180 gün saklanır ve IP adresi 30 gün sonra kaldırılır; güvenlik günlüğü 90 gün saklanır.
- Takip yok: eklentide, uzantıda veya web sitesinde çerez, analitik veya izleme pikseli yoktur ve veriler asla satılmaz.
Kimliğiniz de asgari düzeyde kalır. Hesap tanımlayıcısı Figma kullanıcı kimliğinizden türetilir ve Figma'dan adınızı veya e-posta adresinizi asla almayız. Eklenti Figma dosyanızın içeriğini okumaz. Yeni katmanlar yazar ve yalnızca kendi frame'lerinin kaynak URL ve genişlik gibi metadata'sını okur.
URL ile içe aktarma yalnızca yakalama servisinin anonim bir ziyaretçi olarak erişebildiği sayfalarda çalışır. Giriş gerektiren her şey için Chrome uzantısı bunun yerine kendi tarayıcınızda yakalar. Tüm ayrıntılar güvenlik sayfasında.
Sıkça sorulan sorular
Yakalama servisinin anonim bir ziyaretçi olarak açabildiği herkese açık her web sayfasını. Giriş gerektiren sayfalara, localhost üzerindeki yerel geliştirme sunucularına ve özel ağ adreslerine bu yolla erişilemez; bunlar için kendi tarayıcınızdan yakalayan ücretsiz Chrome uzantısını kullanın.
Yalnızca isterseniz. Hide cookie banners & popups'ı açarsanız onay bannerları ve katmanlar yakalamadan önce gizlenir; böylece tuvalinizde sayfanın üzerini kapatmazlar. Bannerın kendisini tasarlıyorsanız kapalı bırakın.
Desktop frame'i monitörünüzü değil, ölçülen tasarım genişliğini kullanır. Tam genişlikli tasarımlar içerik ortalanmış 1920, kutulu siteler kendi kutu genişliğini, akışkan siteler 1440 alır. Tablet 768, Mobile 390 ve Laptop 1280 sabittir; Pro ayrıca Custom width ekler.
Çok yavaş sayfalarda geç yüklenen içerik kaçabilir. Pro'da Extra wait, yakalamadan önce sayfaya daha fazla zaman tanır. Bir sayfa plan limiti nedeniyle kesildiyse mor bir Capture limit şeridi bunu işaretler. Sonuç ekranı da uyarıları listeler.
Hayır. Sayfalar izole bir tarayıcıda işlenir ve sonuç eklentinize bir kez teslim edilir, ardından bellekten silinir. Asla diske yazılmaz ve iş kaydı 15 dakika sonra unutulur. Çerez, analitik veya takip kullanılmaz.
Evet. Kaynak URL her frame'de saklanır; böylece tek tıkla yeniden içe aktarabilirsiniz. Bu, adresi tekrar yapıştırmadan veya içe aktarma ayarlarınızı yeniden yapmadan bir sayfayı sürümler boyunca takip etmek veya bir tasarım incelemesinden önce bir referansı yenilemek için kullanışlıdır.
İlgili
Web'i yeniden çizmeyi bırakın.
Bir bağlantı yapıştırın, saniyeler içinde gerçek, düzenlenebilir ve responsive Figma katmanları alın. Başlamak ücretsiz: her ay 10 içe aktarma.
Kredi kartı gerekmez. Pro, Figma içinden satın alınır.
Yakında Figma Community'de