Ana içeriğe geç
Tasarım

Figmimic web sayfalarını düzenlenebilir Figma katmanlarına dönüştürüyor

Öne çıkanlar

  • Figmimic, web sayfalarını düz ekran görüntüsü yerine düzenlenebilir Figma çerçeveleri olarak panoya kopyalıyor.
  • Kimlik doğrulama arkasındaki yönetim panelleri ve özel sayfalar üzerinde de çalışıyor.
  • Altyapısında Figma'nın capture.js kütüphanesini barındıran bir yer imi betiği kullanıyor.

Geliştirici Adam Marcus, herhangi bir web sayfasını doğrudan Figma katmanlarına dönüştüren Figmimic adlı yer imi aracını (bookmarklet) kullanıma sundu. Araç, kullanıcının tarayıcısında görüntülediği aktif web sayfasını yakalayarak panoya kopyalıyor ve Figma içine düzenlenebilir çerçeveler halinde yapıştırma imkanı veriyor.

Figmimic, standart ekran görüntüsü almak yerine sayfadaki öğeleri vektörel ve metin katmanları olarak aktarıyor. Bu yöntem sayesinde kullanıcılar, giriş duvarı arkasında kalan kontrol panelleri veya kimlik doğrulama gerektiren dahili yönetim ekranları dahil olmak üzere tarayıcıda görülebilen her arayüzü Figma üzerinde yeniden düzenleyebiliyor.

Teknik altyapısında Figma'nın kendi capture.js kütüphanesini bir yer imi betiği içine gömen araç, harici bir eklenti veya yetkilendirme gerekmeden doğrudan istemci tarafında çalışıyor. Bu yaklaşım, tasarımcıların ve geliştiricilerin mevcut web uygulamalarını referans alarak prototip oluşturma süreçlerini hızlandırıyor.

Kaynak

Bu özet yapay zekâ ile hazırlanmıştır; ayrıntılar ve doğrulama için orijinal kaynağa başvurun.