Design EditorBelgelerİçe ve dışa aktarma
İçe aktarma
Figma dosyalarını, pen.dev dosyalarını, SVG'leri, web sayfalarını ve ekran görüntülerini düzenlenebilir katmanlar olarak getirin.
1Figma
- Figma'da bir
.figdosyası almak için File, Save local copy'yi seçin. - Dosyayı Dosya, İçe Aktar, Figma (
Cmd+Shift+F) ile, Ana sayfadaki kartla, çift tıklayarak ya da pencereye sürükleyip bırakarak açın. - İstediğiniz sayfaları ya da Tüm Sayfaları İçe Aktar'ı seçin.
- Konumları olduğu gibi tutmak için Figma düzenini koru'yu, yığınları yeniden oluşturmak için Design Editor otomatik düzen'i seçin.
Birebir aktarılamayan her şey uyarı olarak listelenir. Figma'da katmanları kopyalayıp burada yapıştırmak da işe yarar.
2pen.dev
Bir .pen dosyası yeni ve adsız bir belge olarak açılır; özgün dosyaya asla geri yazılmaz. Gölgelendiriciler, betikler, notlar ve tarayıcı düğümleri de aktarılır.
3SVG ve görseller
Görüntü aracı PNG, JPEG, GIF, WebP ve SVG dosyalarını yerleştirir; SVG düzenlenebilir vektör katmanlarına dönüşür. Raster görseller doğrudan tuvale de bırakılabilir.
4HTML
Dosya, İçe Aktar, HTML (Cmd+Shift+H) bir .html ya da .htm dosyasını veya stilleri ve görselleriyle birlikte bir .zip dosyasını alır. CSS basamaklamasını, değişkenleri, medya sorgularını ve grid'i izler; yaklaşık olarak aktarmak zorunda kaldığı öğeleri listeler.
de import:html https://example.com --viewport-height 9005Ekran görüntüsünü yeniden oluşturma
Ana sayfadaki ekran görüntüsü kartı bir PNG ya da JPEG dosyasını ajana gönderir; ajan onu düzenlenebilir bir tasarım olarak yeniden oluşturur.
6Chrome uzantısı
Depodaki uzantı, baktığınız sayfayı çalışan editöre yakalar. Sayfanın tamamını yakalayabilir, tek bir öğe seçebilir, bir design.md çıkarabilir ya da bir .de dosyası indirebilir.
Henüz Chrome Web Mağazası'nda değil. packages/de-chrome-extension klasöründen derleyin ve Chrome 110 veya daha yenisinde paketlenmemiş uzantı olarak yükleyin. Yalnızca kendi bilgisayarınızdaki editörle iletişim kurar.