Impor

Masukkan file Figma, file pen.dev, SVG, halaman web, dan tangkapan layar sebagai layer yang dapat diedit.

1Figma

Di Figma, pilih File, Save local copy untuk mendapatkan file .fig.
Buka dengan Berkas, Impor, Figma (Cmd+Shift+F), kartu di Beranda, klik dua kali, atau dengan meletakkannya di jendela.
Pilih halaman yang Anda inginkan, atau Impor Semua Halaman.
Pilih Pertahankan tata letak Figma untuk mempertahankan posisi apa adanya, atau Tata letak otomatis Design Editor untuk menyusun ulang tumpukan.

Apa pun yang tidak dapat dibawa dengan tepat dicantumkan sebagai peringatan. Menyalin layer di Figma lalu menempelkannya di sini juga bisa.

2pen.dev

File .pen terbuka sebagai dokumen baru tanpa judul; file aslinya tidak pernah ditimpa. Shader, skrip, catatan, dan node browser ikut terbawa.

3SVG dan gambar

Alat Gambar menempatkan file PNG, JPEG, GIF, WebP, dan SVG; SVG menjadi layer vektor yang dapat diedit. Gambar raster juga dapat langsung diletakkan di kanvas.

4HTML

Berkas, Impor, HTML (Cmd+Shift+H) menerima file .html atau .htm, atau file .zip beserta stylesheet dan gambarnya. Pengimpor mengikuti cascade CSS, variabel, media query, dan grid, lalu mencantumkan bagian yang hanya dapat dibuat mendekati aslinya.

Terminal

de import:html https://example.com --viewport-height 900

5Buat ulang tangkapan layar

Kartu tangkapan layar di Beranda mengirim PNG atau JPEG ke agen, yang kemudian membangunnya ulang sebagai desain yang dapat diedit.

6Ekstensi Chrome

Ekstensi di repositori ini menangkap halaman yang sedang Anda lihat ke editor yang sedang berjalan. Ekstensi ini dapat menangkap seluruh halaman, memilih satu elemen, mengekstrak design.md, atau mengunduh file .de.

Ekstensi ini belum ada di Chrome Web Store. Build dari packages/de-chrome-extension dan muat sebagai ekstensi yang belum dikemas di Chrome 110 atau yang lebih baru. Ekstensi ini hanya berkomunikasi dengan editor di komputer Anda sendiri.

DokumentasiImpor dan ekspor