GetLayers: CSS Denetleyici ve Dosya İndirici geliştiren: GetLayers, PajaTools

Çok beğendiğin bir tasarım mı gördün? Üzerine gel, tıkla, artık senin.

GetLayers, her web sitesini kopyalayabileceğin bir kaynağa dönüştürür. Bir öğeyi incele, yığınına uygun temiz kodu al, Figma'ya gerçek katmanlar olarak yapıştır, boşlukları ölç, renkleri ve yazı tiplerini seç, sayfanın kullandığı görselleri, simgeleri, videoları, sesleri, yazı tiplerini ve dosyaları kaydet. DevTools'ta kazı yapmak yok, ekran görüntüsü alıp tahmin etmek yok.

TEK TIKLA İNCELE VE KOPYALA
- Herhangi bir öğenin üzerine gel: stilleri, kutu modeli, tipografisi, renkleri ve kontrastı tek bakışta görünür
- Kodu kopyalamak ve öğeyi sabitlemek için tıkla, sonra ok tuşlarıyla sayfada gez
- Web, mobil ve tasarım araçları için 10 kod biçimine aktar: düz CSS'ten Tailwind, React, Flutter veya SwiftUI'a kadar
- Bir öğeyi tek başına önizle, temiz bir ekran görüntüsünü al ya da tüm widget'ları ZIP olarak dışa aktar

FIGMA'YA KOPYALA (Pro, beta)
- Bir öğeyi veya tüm sayfayı Cmd+V ya da Ctrl+V ile Figma'ya yapıştır
- Düz bir resim değil, otomatik yerleşimli gerçek çerçeveler, metinler ve görseller elde edersin
- Sayfanın renkleri ve metin stilleriyle bir stil rehberi dışa aktar

İNDİRMELER PENCERESİ (G tuşuna bas)
- Sayfadaki tüm görseller: CSS arka planları, duyarlı sürümler, SVG simgeleri, Lottie ve Rive dahil
- Boyutlar gruplanır ve en iyi kalite işaretlenir, böylece bulanık bir küçük resim kaydetmezsin
- Önizleme karesi olan videolar, tek dosya olarak kaydedilen akışlar ve VTT veya SRT altyazılar
- Sesler, canlı önizlemeli yazı tipleri ve sayfanın bağlantı verdiği PDF'ler, belgeler ve arşivler
- Arama, filtreler, dosya adı şablonları, bağlantı kopyalama ve son indirmeler listesi
- Bulunan her video bir kuyrukta bekler ve sayfa yenilense bile indirmeler sürer
- Pro araçları: kaydırıp toplama, görselleri dönüştürme ve yeniden boyutlandırma, simgeleri kod için dışa aktarma, TTF veya OTF yazı tipleri ve ZIP olarak yazı tipi seti

CANLI DÜZENLE, DOĞRUDAN SAYFADA
- Herhangi bir stili değiştir ve sonucu anında gör, geri alma desteğiyle
- Düzenlemelerini bir dahaki sefere otomatik uygulanan profiller olarak kaydet
- Farkları görmek için iki öğeyi yan yana karşılaştır
- Yeni bir yerleşimi denemek için öğeleri taşı

TASARIMCI GİBİ ÖLÇ
- Padding, margin ve gap için boşluk katmanları
- İki öğe arasındaki tam mesafe için cetvel
- Sayfanın renk paleti ve yazı tipi denetçisi

YAPAY ZEKA İŞ AKIŞLARI İÇİN TASARLANDI
- Yapay zekâ kodlama asistanını yerleşik MCP sunucusu üzerinden bağla; canlı bir sayfadaki öğeleri incelesin ve stilleri düzenlesin

HIZLI VE KULLANIŞLI
- İlk açılışta GetLayers'ı nasıl kullanacağını seç: stilleri incele ve kopyala ya da varlıkları indir. İstediğin zaman Ayarlar'dan değiştirebilirsin
- Her yere sürükleyebileceğin bir araç çubuğu ve bir DevTools kenar çubuğu
- Her şey için klavye kısayolları, hepsini görmek için ? tuşuna bas
- 20 dilde kullanılabilir

ÜCRETSİZ VE PRO
Ücretsiz plan Canlı İnceleme'yi, CSS ve JSON kopyalamayı, renk ve yazı tipi araçlarını, DevTools kenar çubuğunu ve sınırlı bir indirmeler penceresini içerir. Hesap gerekmez.
Pro; tüm biçimlerin, Figma'ya kopyalamanın, profillerle canlı düzenlemenin, ölçüm araçlarının, öğe karşılaştırmanın, ekran görüntülerinin, ZIP dışa aktarmanın, Pro araçlarıyla sınırsız indirmenin ve yapay zekâ entegrasyonunun kilidini açar. 7 gün para iade garantisi.
Pro'yu 7 gün ücretsiz dene: e-postayla ücretsiz bir anahtar al ve Ayarlar'a yapıştır, kart gerekmez.

GİZLİLİK
Reklam yok, ücretsiz plan için hesap yok. Sayfaların, düzenlemelerin, indirmelerin ve ziyaret ettiğin adresler tarayıcından asla çıkmaz. Pro, kontrol etmek için lisans anahtarını gönderir. Hangi özelliklerin kullanıldığına dair anonim sayımlar yalnızca izin verirsen gönderilir ve Ayarlar'dan kapatabilirsin. İsteğe bağlı geri bildirim formu yalnızca yazdığını, ayrıca uzantı sürümünü, tarayıcıyı, sistemi, dili ve planı gönderir.

LÜTFEN DİKKAT
GetLayers, tarayıcının zaten yüklediği dosyaları kaydeder. Telif haklarına ve site koşullarına saygı göster. DRM korumalı akışlar ve YouTube videoları desteklenmez.

Web sitesi ve fiyatlar: https://getlayers.pro
Sorular veya fikirler: getlayers.help@gmail.com