divmagic DivMagic

Salin desain dari situs web mana pun

Salin kode elemen situs web apa pun dengan mudah hanya dengan satu klik. Coba sekarang!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Digunakan oleh +8000 pengembang
DIPERCAYA OLEH +8000 PENGEMBANG
divmagic
Ekstensi Peramban Ajaib:
Menghemat ratusan jam
Kompatibel dengan Chrome & Firefox
+1 Juta Elemen Disalin
Dukungan tercepat
Pemilih warna, penyalinan font & alat terintegrasi lainnya
Buat perpustakaan komponen Anda sendiri

Digunakan oleh +8000 pengembang di:

Dapatkan kode elemen apa pun di situs web mana pun

Anda bisa mendapatkan kode HTML/CSS elemen apa pun di situs web mana pun.
Dengan satu klik, Anda dapat menyalin kode elemen apa pun di situs web mana pun.
Anda juga dapat menyalin halaman penuh dengan satu klik jika Anda mau.

Media Query Dukungan (Responsif)

Anda dapat menyalin kueri media dari elemen yang Anda salin.

Ini akan membuat gaya yang disalin menjadi responsif.

Konversikan CSS ke Tailwind CSS

Anda dapat mengonversi kode CSS apa pun menjadi Tailwind CSS.

Situs web tempat Anda menyalin tidak perlu menggunakan Tailwind CSS.

DivMagic akan mengonversi kode CSS apa pun menjadi Tailwind CSS (bahkan warna!)

Salin kode melalui iframe

Anda dapat menyalin kode dari iframe.

Beberapa situs web memasukkan konten ke dalam iframe untuk mencegah Anda menyalinnya. DivMagic dapat menyalin kode melalui iframe.

DevTools Integrasi

Gunakan DivMagic langsung dari alat pengembangan browser Anda

Anda dapat mengakses kekuatan DivMagic tanpa perlu memunculkan ekstensi

Ubah dan tangkap elemen web menjadi komponen yang dapat digunakan kembali, semuanya tetap berada dalam konsol pengembang Anda.

Ubah komponen apa pun menjadi React/JSX

Anda dapat mengonversi komponen apa pun menjadi JSX.

Anda bisa mendapatkan bagian mana pun yang Anda salin sebagai komponen React/JSX. Tidak perlu memeriksa kodenya.

Meskipun websitenya tidak menggunakan React.

DivMagic Studio Integrasi

Anda dapat mengekspor elemen yang disalin ke DivMagic Studio.

Ini akan memungkinkan Anda mengedit elemen dan mengubahnya dengan mudah.

Anda dapat menyimpan komponen Anda di DivMagic Studio dan mengunjunginya kapan saja.

DivMagic Toolbox

Semua alat yang Anda perlukan untuk pengembangan web di satu tempat.

Anda dapat menyalin font dari situs web dan langsung menggunakannya dalam proyek Anda. Anda dapat menyalin warna dari situs web mana pun dan langsung menggunakannya dalam proyek Anda. Ubah warna apa pun menjadi format apa pun. Tambahkan Grid.

Dan banyak lagi...

Semua alat yang Anda perlukan untuk membangun situs web menakjubkan dengan lebih cepat

Dapatkan desain terbaik, tanpa menghabiskan waktu berjam-jam untuk itu

INSPEKTUR

Dapatkan kode elemen apa pun di situs web mana pun. DivMagic menyediakan kode paling ringkas dan bersih untuk Anda gunakan dalam proyek Anda.

KONVERTER

Ubah komponen apa pun menjadi React/JSX. Anda bisa mendapatkan bagian mana pun yang Anda salin sebagai komponen React/JSX. Terlepas dari kerangka situs web.

CSS ANGIN BELAKANG

Konversikan CSS ke Tailwind CSS. DivMagic akan mengonversi kode CSS apa pun menjadi Tailwind CSS (bahkan warna!). Situs web tempat Anda menyalin tidak perlu menggunakan Tailwind CSS.

DUKUNGAN IFRAME

Salin kode dari iframe. Beberapa situs web memasukkan konten ke dalam iframe untuk mencegah Anda menyalinnya. DivMagic dapat menyalin kode melalui iframe.

RESPONSIF

Anda dapat menyalin kueri media dari elemen atau halaman yang Anda salin. Ini akan membuat gaya yang disalin menjadi responsif.

INTEGRASI DEVTOOLS

Gunakan DivMagic langsung dari alat pengembangan browser Anda. Anda dapat mengakses semua fungsi DivMagic tanpa perlu memunculkan ekstensi.

INTEGRASI STUDIO

Anda dapat mengekspor elemen yang disalin ke DivMagic Studio - editor online yang canggih untuk mengedit elemen dan mengubahnya dengan mudah.

SALINAN HALAMAN LENGKAP

Anda dapat menyalin halaman penuh dengan satu klik.

INTEGRASI WORDPRESS

Anda dapat mengekspor elemen yang disalin ke WordPress (HTML ke WordPress Gutenberg). Ini akan memungkinkan Anda untuk menggunakan elemen yang disalin di Editor Gutenberg WordPress.

Info lebih lanjut di sini

KOTAK PERALATAN

Semua alat yang Anda perlukan untuk pengembangan web di satu tempat. Pengeditan langsung, pemilih warna, debugger, dan banyak lagi.

PENYALINAN FONT

Anda dapat menyalin font dari situs web dan langsung menggunakannya dalam proyek Anda.

PEMILIH WARNA

Anda dapat menyalin warna dari situs web mana pun dan langsung menggunakannya dalam proyek Anda. Ubah warna apa pun menjadi format apa pun.

Dicintai
oleh
pengembang
dan
desainer

“Luar biasa! Ini meningkatkan produktivitas saya hingga 1000x. Sangat mudah untuk menyalin kode Tailwind untuk hal-hal yang ada di internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Sangat berguna! Tidak ada keraguan bahwa ini sangat menghemat waktu!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Ekstensi Chrome untuk mengonversi elemen langsung menjadi Tailwind CSS (termasuk warna).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Hanya apa yang saya cari! Bekerja dengan baik pada apa yang saya coba.”

testimonial author
Will Bowman

Berfungsi dengan baik! Outputnya sangat kecil sehingga sangat mudah untuk dimodifikasi untuk kasus penggunaan saya!”

Nichole Peterson

Pengembang Front-end HARUS!! Saya sangat menyukai cara bermainnya yang bagus dengan React dan Tailwind. Kemudahan UI dan UX adalah yang paling saya sukai.”

Steven J.

“Saya sangat merekomendasikannya, ini ajaib!”

Javier

“Sekarang saya bisa mencuri desain dengan lebih mudah! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Alat yang hebat, nilainya jauh melebihi biayanya.”

testimonial author
Bryan Brooks

DivMagic adalah harta karun, alat terbaik untuk mendapatkan bagian halaman web tersebut dan menyajikannya kepada Anda dengan sempurna. Cobalah, biaya yang akan Anda kembalikan dalam waktu yang dihemat dalam beberapa hari.”

testimonial author
Victor Rhea

“Alat berbayar yang hebat, bernilai uang!”

testimonial author
Daniro

Alat hebat dan sangat menghemat waktu. Jika Anda seorang pengembang dan menginginkan cara cepat untuk mendapatkan desain UI, alat ini sangat bagus.”

testimonial author
Martin Young

“Senang memilikinya di browser saya”

testimonial author
Reza Hartana

“Alat hebat yang akan menghemat banyak waktu dalam pengembangan.”

testimonial author
Jackie Chong

Bekerja dengan sangat baik - Bahkan dengan React + TailwindCSS. Sangat terkesan.”

testimonial author
J L

“Alat luar biasa! Saya menyukai penggunaan yang kuat dan kemudahan dalam bekerja. Jika Anda seorang pengembang, jangan berpikir dua kali dan pastikan untuk mendapatkannya.

testimonial author
Giuliani Prosecutor

“Alat yang luar biasa. Dipasangkan dengan komponen Tailwind, Anda dapat menghemat waktu berjam-jam dengan mudah dalam 30 menit pertama penggunaan. Membayar sendiri hampir secara instan.”

testimonial author
Brendan OC

“Saya telah menguji lebih dari 3 alat serupa di masa lalu - DivMagic sejauh ini merupakan salah satu yang terbaik dalam hal kualitas.

testimonial author
John Techozens

“Alat yang luar biasa, jika Anda membangun situs web, Anda pasti tahu ini mudah. Menghemat banyak waktu untuk mengotak-atik templat dan memodifikasi css.”

testimonial author
Kevin McGrew

Add-on yang sangat membantu! Dibayar untuk produk lengkap karena menghemat waktu dan tenaga saya.

Torra Laq

Alat yang menakjubkan. Alat yang sangat membantu bagi pengembang”

testimonial author
Talha Tonmoy

Pengembang Divmagic itu keren.

Lewis

“Alat luar biasa ini sangat mengurangi waktu yang saya habiskan untuk mengerjakan tugas dan sangat cocok dengan rutinitas kerja saya. Ini adalah alat penting bagi mereka yang bekerja di bidang pengembangan situs web. Dukungan Teknis membantu saya dalam beberapa jam setelah permintaan saya. Menakjubkan.”

testimonial author
Vasttee Design

Alat terbaik yang menghemat banyak waktu perlu Meningkatkan beberapa media responsif BEJ lainnya sangat membantu”

testimonial author
Azfar Masood
Lihat testimonial lainnya

Harga

Bekerja di setiap situs web

Tersedia untuk Chrome dan Firefox

Kebijakan pengembalian dana penuh

Pembaruan konstan & fitur baru

Dukungan yang berdedikasi dan cepat

Digunakan oleh +8000 pengembang

"Membayar sendiri hampir secara instan"

Brendan - Pengguna DivMagic

Dijamin menghemat waktu dan uang Anda

  • Akses seumur hidup
  • Tersedia untuk Google Chrome
  • Semua browser berbasis Chromium
  • Tersedia untuk Firefox
  • Gunakan pada 2 perangkat
  • Integrasi DivMagic Studio
  • Termasuk semua pembaruan di masa mendatang
  • Dukungan tercepat
  • Penggunaan tidak terbatas
  • Garansi uang kembali
🎁 Hemat $145 - Diskon untuk waktu terbatas
$345
$200
Pembayaran satu kali - Bayar sekali, gunakan selamanya
Dapatkan sekarang

Bulanan

$16/bulan

Semua fitur DivMagic disertakan
Batalkan kapan saja

Tahunan

$96/tahun

Semua fitur DivMagic disertakan
Batalkan kapan saja

"Klien selalu datang dengan desain yang mereka sukai dan kami dapat dengan mudah menyalinnya dengan DivMagic. Pastinya merupakan alat yang harus dimiliki oleh agensi kami. Menyelamatkan kita berjam-jam!"

Andrew - Pengguna DivMagic & Pemilik Agensi

Dijamin dapat meningkatkan produktivitas tim Anda

  • Rotasi anggota tim sesuai kebutuhan
  • Batalkan kapan saja
  • Perpustakaan Komponen Tim
  • Integrasi Team Studio (segera hadir)

Rencana Tim

$20/bulan

per anggota tim
Dapatkan Rencana Tim

Pertanyaan yang Sering Diajukan

Apa yang dilakukan DivMagic?

DivMagic memungkinkan Anda menyalin, mengonversi, dan memanfaatkan elemen web dengan mudah. Ini adalah alat serbaguna yang mengonversi HTML dan CSS ke beberapa format, termasuk CSS Inline, CSS Eksternal, CSS Lokal, dan CSS Tailwind.

Anda dapat menyalin elemen apa pun dari situs web mana pun sebagai komponen yang dapat digunakan kembali dan menempelkannya langsung ke basis kode Anda.

Bagaimana cara menggunakannya?

Pertama, instal ekstensi DivMagic. Navigasikan ke situs web mana pun dan klik ikon ekstensi. Lalu, pilih elemen apa pun di halaman. Kode - dalam format pilihan Anda - akan disalin dan siap ditempelkan ke proyek Anda.

Anda dapat menonton video demo untuk melihat cara kerjanya

Browser apa saja yang didukung?

Anda bisa mendapatkan ekstensi untuk Chrome dan Firefox.

Ekstensi Chrome berfungsi di semua browser berbasis Chromium seperti Brave dan Edge.

Apa kebijakan pengembalian dana?

Jika Anda tidak puas dengan DivMagic, kirim email kepada kami dalam waktu 30 hari setelah pembelian Anda dan kami akan mengembalikan uang Anda, tanpa pertanyaan.

support@divmagic.com

Bagaimana cara mengubah langganan saya?

Anda dapat mengubah langganan Anda dengan masuk ke portal pelanggan.
Portal Pelanggan

Apakah ini berfungsi di semua situs web?

Ya. Itu akan menyalin elemen apa pun dari situs web mana pun, mengubahnya menjadi format pilihan Anda. Anda bahkan dapat menyalin elemen yang dilindungi oleh iframe.

Situs web yang Anda salin dapat dibangun dengan kerangka apa pun, DivMagic akan bekerja pada semuanya.

Meskipun jarang terjadi, elemen tertentu mungkin tidak tertiru dengan sempurna - jika Anda menemukannya, harap laporkan kepada kami.

Meskipun elemen tidak disalin dengan benar, Anda masih dapat menggunakan kode yang disalin sebagai titik awal dan mengubahnya.

Apakah konversi Tailwind CSS berfungsi di semua situs web?

Ya. Situs web yang Anda salin dapat dibangun dengan kerangka apa pun, DivMagic akan bekerja pada semuanya.

Situs web tidak perlu dibuat dengan Tailwind CSS, DivMagic akan mengonversi CSS tersebut menjadi Tailwind CSS untuk Anda.

Apa batasannya?

Batasan terbesar adalah situs web yang menggunakan JavaScript untuk mengubah tampilan konten halaman. Dalam kasus seperti ini, kode yang disalin mungkin tidak benar. Jika Anda menemukan unsur seperti itu, harap laporkan kepada kami.

Meskipun elemen tidak disalin dengan benar, Anda masih dapat menggunakan kode yang disalin sebagai titik awal dan mengubahnya.

Seberapa sering ada pembaruan untuk DivMagic?

DivMagic diperbarui secara berkala. Kami terus menambahkan fitur baru dan menyempurnakan fitur yang sudah ada.

Kami merilis pembaruan setiap 1-2 minggu. Lihat Changelog kami untuk daftar semua pembaruan.

log perubahan

Apa yang terjadi pada akun pembayaran satu kali saya jika DivMagic dimatikan?

Kami ingin memastikan Anda merasa aman dengan pembelian Anda. Kami berencana untuk tetap ada untuk waktu yang sangat lama, tetapi jika DivMagic dimatikan, kami akan mengirimkan kode ekstensi ke semua pengguna yang telah melakukan pembayaran satu kali, memungkinkan Anda untuk menggunakannya secara offline tanpa batas.

Ingin tetap up to date?
Bergabunglah dengan daftar email DivMagic!

Jadilah orang pertama yang mengetahui berita, fitur baru, dan banyak lagi!

Berhenti berlangganan kapan saja. Tidak ada email spam.

© 2024 DivMagic, Inc. Semua hak dilindungi undang-undang.