Her web sayfası,
düzenlenebilir Figma katmanı
Değiştirebileceğiniz gerçek metin, renk, Auto Layout ve bileşenler. Ekran görüntüsü değil. Giriş yapmanız gereken sayfalar bile. Ve her şey kendi bilgisayarınızda olur; hiçbir yere hiçbir şey yüklenmez.
İkisi de gerekli: sayfayı uzantı yakalar, Figma eklentisi yapıştırır. İkisi de ücretsiz, kurulumları bir dakika.
Nasıl çalışır
Gördüğünüzü yakalayın
Copy for Figma
Eklentiyi kurun, sonra yapıştırın
Diğer araçların ulaşamadığı sayfalar için yapıldı
Snapture, tarayıcınızdaki canlı sayfayı okur; yani görebildiğiniz her şeyi yakalayabilirsiniz — giriş arkasındaki panolar, şirket içi araçlar, açık çekmeceler ve popover'lar, web bileşenleri ve iframe'ler dahil.
Giriş gerektiren sayfalar
Yakalama, zaten oturum açtığınız sekmenin içinde çalışır; şirket içi araçlar, ücretli panolar ve staging siteleri tam size göründükleri gibi dönüşür.
Piksel hassasiyetinde Auto Layout PRO
Flex ve grid düzenleri gerçek Auto Layout olur — ama yalnızca Figma'nın motoru her çocuğu yarım pikselin içine yerleştirebiliyorsa. Yerleştiremiyorsa tam mutlak koordinatlar alırsınız. Hiçbir şey asla kaymaz.
İkonlar eksiksiz gelir
CSS mask ikonları, SVG sprite'lar, ikon fontları — dönüştürücülerin genellikle düşürdüğü üç ikon çizme yöntemi. Snapture üçünü de işler.
Grafikler, haritalar, 3D
WebGL canvas'ları ve çapraz kaynaklı embed'leri kimse katmana çeviremez — Snapture gri kutu yerine tam o bölgenin net bir ekran görüntüsünü koyar. Aynı kaynaklı iframe'ler ise daha ileri gider: gerçek katmanlara dönüşür.
Bileşenler ve stiller PRO
Tekrarlayan kartlar, instance'larıyla birlikte bileşen olur. Tekrarlanan yazı ve renkler yerel stile dönüşür; sitenin CSS değişkeni olarak tanımladığı renkler Figma'ya sitenin kendi adlarıyla gelir — hex kodu değil, brand-primary.
Pano üzerinden aktarım
Yakalayın, sonra yapıştırın. Dosyaya gerek yok — yakalama, eklentiye panonuz üzerinden gider ve hiçbir sunucuya dokunmaz.
Toplu yakalama PRO
Bir URL listesi yapıştırın ya da sitenin kendi sitemap'inden çekin; Snapture her birini açıp yakalar. Sefer başına en fazla 30 sayfa.
PROözelliklerin tümü 5 ücretsiz yakalamanın hepsinde var — kart yok, kayıt yok. Pro yalnızca sınırı kaldırır.
Rehberler
Özellik listesinden değil; gerçek yakalamalardan ve gerçek kırılmalardan yazıldı.
Why Figma Auto Layout breaks after importing a web page
Flexbox and Figma's Auto Layout are different systems that look alike. Here is where they disagree, why converters apply Auto Layout anyway, and how to tell whether yours checked.
Why icons go missing when you import a web page into Figma
Icons on the web are drawn four different ways — inline SVG, sprites, icon fonts and CSS masks — and each one breaks differently on import. How to tell which you have, and what a converter has to do about it.
How to import a page behind a login into Figma
URL-based converters return the login screen because a server cannot see a page that requires being you. What actually works, what several tools now offer, and the question worth asking instead.
Bilgisayarınızdan hiçbir şey çıkmaz.
Figma eklentisinin manifest'i networkAccess: "none" bildirir ve bunu Figma'nın kendisi uygular. Yani eklenti istese de ağ isteği atamaz. Uyacağımıza söz verdiğimiz bir politika değil; en baştan sahip olmadığımız bir yetenek.
Yakalarken DevTools'u açıp network sekmesine bakın — o istekleri görürsünüz, başka da bir şey görmezsiniz. Ayrıntılar gizlilik politikasında.
Döngüde sunucu yok — yapısı gereği
Başka araçlar da yakalamayı yerelde tutacak şekilde ayarlanabilir. Snapture'da yanlış yapılacak bir ayar yok, çünkü bir şey gönderebileceği bir sunucu en baştan yok.
| Snapture | Sunucu taraflı yolu olan araçlar | |
|---|---|---|
| Gizli kalsın istiyorsanız | Hep öyle | Yerel seçeneği seçmelisiniz |
| Ücretsiz katman ne verir | Tüm özellikler, 5 yakalama | Aylık kota |
| Girişli / etkileşimli durum | Evet, her zaman | Değişir |
| Hesap gerekir mi | Hayır | Evet |
| Pro fiyatı | $5/ay | Genellikle daha yüksek |
Kullanması ücretsiz. Kendini amorti ettiğinde Pro.
Ürünün tamamını beş kez ücretsiz deneyin. Pro sınırı kaldırır — aynı özellikler, sayaç yok.
- 5 yakalama — ürünün tamamı
- Girişli sayfalar, ikonlar, grafikler
- Pano üzerinden aktarım
- Kart yok, hesap yok
- Ücretsizdeki her şey
- Piksel hassasiyetinde Auto Layout
- Tekrarlayan kartlardan bileşenler
- Token adlarıyla yazı ve renk stilleri
Sorular, dolambaçsız yanıtlar
Sayfa verilerim gerçekten güvende mi?
Yapısal olarak evet. Dönüşüm tarayıcı sekmenizin içinde çalışır, sonuç diskinize ya da panonuza gider. Gönderilecek bir Snapture sunucusu yok. Figma eklentisinin manifest'i sıfır ağ erişimi bildirir; bunu Figma uygular ve isteyen herkes inceleyebilir. Uzantının birkaç isteği var — dosyanızda görünsünler diye sayfanın kendi görselleri, Pro kullanıyorsanız lisans anahtarı doğrulaması ve toplu yakalamada sitemap okuması — hiçbiri sayfalarınızın içeriğini taşımaz. Hepsi gizlilik politikasında sıralı.
html.to.design ve benzeri araçlardan farkı ne?
O araçlar da kendi tarayıcı uzantılarıyla giriş yaptığınız bir sayfayı yakalayabilir ve doğru seçeneği seçerseniz dosyayı yerelde tutarlar. Fark şu: Snapture'da seçilecek bir seçenek yok. Sunucu olmadığı için özel yol tek yoldur ve Figma eklentisi, Figma'nın bizim adımıza uyguladığı networkAccess: "none" ile gelir. Bunun ötesinde: ücretsiz katmanımız kırpılmış bir sürüm değil ürünün tamamıdır ve Auto Layout'u yalnızca Figma'nın motoru sayfanızı yarım pikselin içinde yeniden üretebildiğinde uygularız.
Ücretsizde tam olarak ne alıyorum?
Beş yakalama; her biri ürünün tamamı — girişli sayfalar, ikonlar, gradyanlar, ekran görüntüsü olarak grafikler, Auto Layout, bileşenler, stil çıkarma, pano akışı. Hiçbir şey saklanmıyor; Snapture'ın parasına değip değmediğini kendi sayfalarınızda görürsünüz. Beşincinin ardından Pro sınırı kaldırır.
Fontlarım Figma'da farklı görünüyor.
Figma yalnızca bilgisayarınızda kurulu fontları kullanabilir. Snapture font yığınını birebir yakalar; eksik fontu (örneğin Pretendard ya da Inter) kurup Figma'yı yeniden başlatınca her şey oturur. O zamana dek Figma en yakın kurulu fontu geçici olarak kullanır.
Tek lisansı birden çok bilgisayarda kullanabilir miyim?
Evet, lisans kişisel cihazlarınızı kapsar (en fazla 3 etkinleştirme). Makine değiştirip sınıra takılırsanız yazın, sıfırlayalım.
İade politikanız nedir?
Snapture sayfalarınızda işe yaramadıysa satın almadan sonraki 14 gün içinde söyleyin; ödeme sağlayıcımız üzerinden tam iade alırsınız. Form yok, sürtünme yok.
Zaten var olanı yeniden çizmeyi bırakın.
Uzantıyı kurun, baktığınız sayfayı yakalayın, Figma'ya yapıştırın. Çalıştığını görmek aşağı yukarı bir dakika sürer.