Gerçekten düzenleyebileceğiniz katmanlar kuran Figma HTML eklentisi

HTML to Frames, üç giriş noktası olan tek bir üründür ve hepsi eklentinin içinde aynı düzenlenebilir sonuca varır.

Yalnızca Figma eklentisi

Herkese açık adresi olan her şey için en iyi seçenek. Bir link ya da Multiple ile 10 linke kadar yapıştırın; yakalama servisi her sayfayı yalıtılmış bir tarayıcıda sıradan bir ziyaretçinin gördüğü gibi açar, isterseniz çerez bannerlarını ve pop-up'ları gizler. 30 MB'a kadar yerel HTML dosyaları, site klasörleri ve .zip arşivleri de aynı yoldan geçer ve içe aktarma biter bitmez silinir.

Eklenti + Chrome uzantısı

Servisin erişemediği sayfalar için en iyi seçenek: giriş gerektiren paneller, localhost, özel ağdaki staging ortamı ya da açık bir menü veya doldurulmuş bir form gibi belirli bir durumdaki sayfa. Ücretsiz Chrome uzantısı tarayıcınızın gösterdiğini yakalar ve Send to Figma ile doğrudan açık eklentiye gönderir.

Eklenti + yapay zekâ araçları

HTML henüz ortada yoksa en iyi seçenek. Claude Code, Claude Desktop, Cursor ya da herhangi bir MCP istemcisini eklentinin AI sekmesinden bağlayın ve ondan bir sayfa tasarlamasını isteyin; sonuç eklentinize düşer ve kendi planınızla içe aktarılır. Kurulum için yapay zekâdan Figma'ya sayfasına bakın.

Ekibinizi bir araca bağlamadan önce, her adayla aynı üç sayfayı içe aktarın: bir pazarlama sayfası, yoğun bir ürün ekranı ve koyu temalı bir sayfa. Ardından beş şeyi kontrol edin.

1. Metni düzenleyebiliyor musunuz? Bir başlığa tıklayıp yazmayı deneyin. Başlık bir görüntünün parçasıysa, elinizdeki şey tasarım değil, referanstır.
2. Auto Layout yeniden boyutlandırmaya dayanıyor mu? Frame'i genişletin. Satırlar esnemeli, ortalanmış içerik ortada kalmalı ve hiçbir şey üst üste binmemeli.
3. Genişlikler doğru mu? 1200 px'e göre tasarlanmış bir site, 1440 px'e sıkıştırılmış olarak gelmemeli. HTML to Frames gerçek tasarım genişliğini ölçer ve buna Site width der.
4. Stiller yeniden kullanılabilir mi? Yüzlerce ham hex değeri yerine renk değişkenleri ve metin stilleri arayın; mevcut bir tasarım sisteminin yeniden kullanılıp kullanılmadığını kontrol edin.
5. Verileriniz nereye gidiyor? Gizlilik politikasını okuyun. Bizim yakalama servisimiz her sonucu bir kez teslim eder, diskte hiçbir şey tutmaz ve yüklenen dosyaları içe aktarmanın hemen ardından siler; ayrıntılar güvenlik sayfasında.

Beşinden de geçen bir araç, yalnızca demoda değil, gerçek projelerde de size zaman kazandırır.

Free plan ayda 10 içe aktarma, içe aktarma başına bir ekran, 10 linke kadar çoklu içe aktarma, Auto Layout ve font eşleştirme içerir. Pro lansman döneminde ayda $7 (normal fiyatı $9); ayda 1.000'lik adil kullanım sınırıyla sınırsız içe aktarma, içe aktarma başına dörde kadar ekran, özel genişlikler, stiller ve değişkenler, Snap, bileşenler ve hover durumları, Light + Dark, ayrıntılı katmanlar, referans ekran görüntüsü ve ek bekleme süresi ekler. Team, paylaşılan bir lisans anahtarıyla lansman döneminde ayda $22'ye 5 kullanıcı sunar.

Bir içe aktarma, tüm ekranlarıyla birlikte tek bir sayfadır; aynı sayfanın Desktop, Tablet ve Mobile ekranları bir kez sayılır. Chrome uzantısıyla yapılan bir yakalama da bir içe aktarma sayılır. Sayaçlar her ay UTC'ye göre sıfırlanır. Tüm ayrıntılar fiyatlar sayfasında.