devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt
Audit Situs

Tempel SVG & HTML ke Webflow — Ekstensi Gratis devpack

Salin SVG, HTML, atau sebagian halaman web, tekan Ctrl+V (⌘+V di Mac) di Webflow Designer, dan hasilnya langsung menjadi elemen Webflow asli. Gratis, tanpa akun, dan semuanya berjalan di perangkatmu.

Tambahkan ke ChromeTambahkan ke Firefox

Edge, Brave, Opera, Vivaldi, dan Arc bisa memasang ekstensinya dari Chrome Web Store.

SVG sebagai elemen asliIkon dari Figma (“Copy as SVG”), situs ikon, kode, atau file .svg akan menjadi Custom Element svg dan path yang bisa kamu atur gayanya, atau Code Embed.
HTML sebagai elemen asliClass tetap dipertahankan, dan CSS di dalam <style> diubah menjadi class Webflow dengan breakpoint, status hover, dan combo class.
Halaman web apa punKonten halaman yang disalin menjadi Headings, Paragraphs, Lists, Links, dan Images, tanpa gaya dari halaman aslinya.
Pustaka komponenSimpan elemen yang kamu salin di Designer, lalu tempel lagi dengan teks, tautan, dan gambar yang baru.
PrivatTidak ada permintaan jaringan dan tidak ada analitik. Satu-satunya izin yang dipakai adalah penyimpanan.
GratisTanpa akun, tanpa batasan, tanpa iklan.

Cara menggunakannya

  1. Pasang ekstensi di browser kamu.
  2. Salin SVG, kode HTML, atau sebagian halaman web.
  3. Di Webflow Designer, pilih tempat tujuannya lalu tekan Ctrl+V (⌘+V di Mac).

Tempelan ke kolom teks dan editor kode, serta elemen Webflow asli dan teks biasa, tidak diubah, jadi salin dan tempel biasa tetap berfungsi.

Pustaka komponen

Salin elemen di Designer lalu klik Save to devpack, atau tekan Alt+Shift+L untuk membuka pustaka. Pilih komponen, isi teks, tautan, gambar, dan ikonnya, lalu klik Paste into Designer. Kamu menentukan bagian mana yang bisa diedit di Webflow Component Editor, dan keduanya menampilkan pustaka yang sama.

Pengaturan

  • Nyalakan atau matikan ekstensi.
  • Pilih apa yang akan dikonversi: SVG, kode HTML, atau konten halaman web.
  • Untuk SVG: elemen asli atau Code Embed, nama class, ukuran, dan currentColor.
  • Kalibrasi: tempel Custom Element yang sudah disalin ke pengaturan agar ekstensi mempelajari format Webflow terbaru.

Browser

BrowserPasang dari
Chrome, Microsoft Edge, Brave, Opera, Vivaldi, ArcChrome Web Store
FirefoxFirefox Add-ons (tekan Ctrl/⌘+V dua kali: tempelan pertama menaruh elemen yang sudah dikonversi ke clipboard kamu)

Tanpa perlu memasang

Konverter yang sama juga berjalan di devpack.app: SVG to Webflow, HTML & CSS to Webflow, dan Webflow Clipboard Bridge. Konversi, klik Copy, lalu tempel di Designer. Lihat semua alat Webflow.

Privasi

Ekstensi hanya berjalan di halaman Webflow Designer dan devpack.app. Saat menempel di Designer, ekstensi membaca clipboard untuk mengecek apakah ada SVG atau HTML, lalu mengonversinya di perangkatmu. Clipboard, desain, dan aktivitas browsing kamu tidak pernah dikirim ke mana pun. Detailnya ada di kebijakan privasi.

Pertanyaan

Apakah ekstensinya gratis? Ya. Gratis, tidak perlu akun, dan tidak ada batasan.

Kenapa saya harus menempel dua kali di Firefox? Firefox tidak mengizinkan ekstensi langsung memberikan konten yang sudah dikonversi ke halaman. Ctrl+V pertama menaruh elemen Webflow yang sudah dikonversi ke clipboard; Ctrl+V kedua menempelkannya.

Bisakah saya memakainya tanpa memasang apa pun? Bisa: gunakan alat SVG to Webflow atau HTML & CSS to Webflow, klik Copy, lalu tempel di Designer.