divmagic DivMagic

Salin desain dari situs web mana pun

Ekstensi browser yang memungkinkan Anda menyalin kode elemen situs web apa pun dengan satu klik

Digunakan oleh

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ ribuan pengembang lainnya!

Digunakan oleh pengembang di

DIPERCAYA OLEH +4000 PENGEMBANG
divmagic

Mengurangi waktu pengembangan Anda secara signifikan

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.

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

(SEGERA DATANG) - Anda dapat mengekspor elemen yang disalin ke WordPress. Ini akan memungkinkan Anda untuk menggunakan elemen yang disalin di Editor WordPress.

PENYALINAN FONT

(SEGERA DATANG) - Anda dapat menyalin font dari situs web dan langsung menggunakannya dalam proyek Anda.

KOTAK PERALATAN

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

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

Harga

Bekerja di setiap situs web

Tersedia untuk Chrome dan Firefox

Kebijakan pengembalian dana penuh

Digunakan oleh +4000 pengembang

Dukungan yang berdedikasi dan cepat
Pembaruan konstan & fitur baru

Bulanan

$16/bulan

Tidak termasuk pajak daerah atau PPN jika berlaku

  • Tersedia untuk Google Chrome (termasuk semua browser berbasis Chromium seperti Brave, Edge, dll.)

  • Tersedia untuk Firefox

  • Gunakan di perangkat sebanyak yang Anda inginkan

  • Integrasi DivMagic Studio

  • Termasuk semua pembaruan dan fitur di masa mendatang

  • Garansi uang kembali

Tahunan

$96/tahun

Tidak termasuk pajak daerah atau PPN jika berlaku

  • Menyimpan - 6 bulan gratis

  • Tersedia untuk Google Chrome (termasuk semua browser berbasis Chromium seperti Brave, Edge, dll.)

  • Tersedia untuk Firefox

  • Gunakan di perangkat sebanyak yang Anda inginkan

  • Integrasi DivMagic Studio

  • Termasuk semua pembaruan dan fitur di masa mendatang

  • Garansi uang kembali

🎁

Diskon Terbatas!!!

Pembayaran satu kali

Paling populer
$300
$200

Tidak termasuk pajak daerah atau PPN jika berlaku

  • Akses Seumur Hidup

  • Tersedia untuk Google Chrome (termasuk semua browser berbasis Chromium seperti Brave, Edge, dll.)

  • Tersedia untuk Firefox

  • Gunakan di perangkat sebanyak yang Anda inginkan

  • Integrasi DivMagic Studio

  • Termasuk semua pembaruan dan fitur di masa mendatang

  • Garansi uang kembali

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

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.

DivMagic - Copy design from any website | Product Hunt

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