divmagic DivMagic

Zkopírujte design z libovolného webu

Rozšíření prohlížeče, které umožňuje kopírovat kód libovolného prvku webu jedním kliknutím

Použito uživatelem

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ tisíce dalších vývojářů!

Používané vývojáři na

DŮVĚRYHODNÉ + 4000 VÝVOJÁŘŮ
divmagic

Výrazně zkraťte dobu vývoje

Získejte kód libovolného prvku na libovolné webové stránce

Můžete získat HTML/CSS kód jakéhokoli prvku na libovolné webové stránce.
Jedním kliknutím můžete zkopírovat kód libovolného prvku na libovolné webové stránce.
Pokud chcete, můžete také kopírovat celé stránky jedním kliknutím.

Media Query Podpora (responzivní)

Můžete zkopírovat mediální dotaz prvku, který kopírujete.

Díky tomu bude zkopírovaný styl reagovat.

Převeďte CSS na CSS Tailwind

Jakýkoli kód CSS můžete převést na CSS Tailwind.

Web, ze kterého kopírujete, nemusí používat Tailwind CSS.

DivMagic převede jakýkoli kód CSS do CSS Tailwind (dokonce i barvy!)

Zkopírujte kód pomocí prvků iframe

Kód můžete zkopírovat z prvků iframe.

Některé webové stránky vkládají obsah do prvků iframe, aby vám zabránily v jeho kopírování. DivMagic umí kopírovat kód přes iframe.

DevTools Integrace

Používejte DivMagic přímo z vývojových nástrojů vašeho prohlížeče

Můžete získat přístup k výkonu DivMagic, aniž byste museli otevřít rozšíření

Transformujte a zachyťte webové prvky na opakovaně použitelné komponenty, a to vše při zachování vaší vývojářské konzole.

Převeďte jakoukoli komponentu na React/JSX

Libovolnou komponentu můžete převést na JSX.

Jakoukoli sekci, kterou zkopírujete, můžete získat jako komponentu React/JSX. Není třeba kontrolovat kód.

I když web nepoužívá React.

DivMagic Studio Integrace

Zkopírovaný prvek můžete exportovat do DivMagic Studio.

To vám umožní upravovat prvek a snadno v něm provádět změny.

Své komponenty si můžete uložit do DivMagic Studio a kdykoli je navštívit.

Všechny nástroje, které potřebujete k rychlejšímu vytváření úžasných webových stránek

Získejte ten nejlepší design, aniž byste nad ním trávili hodiny

INSPEKTOR

Získejte kód libovolného prvku na libovolné webové stránce. DivMagic poskytuje nejkompaktnější a nejčistší kód, který můžete použít ve svých projektech.

KONVERTOR

Převeďte jakoukoli komponentu na React/JSX. Jakoukoli sekci, kterou zkopírujete, můžete získat jako komponentu React/JSX. Bez ohledu na framework webu.

CSS TAILWIND

Převeďte CSS na CSS Tailwind. DivMagic převede jakýkoli kód CSS do CSS Tailwind (dokonce i barvy!). Web, ze kterého kopírujete, nemusí používat Tailwind CSS.

PODPORA IFRAME

Zkopírujte kód z prvků iframe. Některé webové stránky vkládají obsah do prvků iframe, aby vám zabránily v jeho kopírování. DivMagic umí kopírovat kód přes iframe.

ODPOVÍDAJÍCÍ

Můžete zkopírovat mediální dotaz prvku nebo stránky, které kopírujete. Díky tomu bude zkopírovaný styl reagovat.

INTEGRACE DEVTOOLS

Používejte DivMagic přímo z vývojových nástrojů vašeho prohlížeče. Můžete přistupovat ke všem funkcím DivMagic, aniž byste museli vyskakovat rozšíření.

INTEGRACE STUDIA

Zkopírovaný prvek můžete exportovat do DivMagic Studia – výkonného online editoru pro úpravu prvku a snadné provádění změn v něm.

KOPIE CELÉ STRÁNKY

Můžete kopírovat celé stránky jedním kliknutím.

INTEGRACE WORDPRESS

(JIŽ BRZY) – Zkopírovaný prvek můžete exportovat do WordPressu. To vám umožní použít zkopírovaný prvek v editoru WordPress.

KOPÍROVÁNÍ PÍSMA

(JIŽ BRZY) - Můžete kopírovat písma z webových stránek a přímo je používat ve svých projektech.

NÁŘADÍ

(JIŽ BRZY) – Všechny nástroje, které budete pro vývoj webu potřebovat, na jednom místě. Živé úpravy, výběr barev, debugger a další.

Oblíbený
vývojáři
a
designéry

“Úžasný! Moje produktivita se tak zvýšila 1000x. Kopírování kódu Tailwind pro stávající obsah na internetu je tak snadné.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Neuvěřitelně užitečné! Není pochyb o tom, že velmi šetří čas!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Rozšíření pro Chrome pro převod prvků přímo do Tailwind CSS (včetně barev).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Přesně to, co jsem hledal! Dobrá práce na tom, co zkouším.”

testimonial author
Will Bowman

Funguje skvěle! Výstup je velmi malý, takže jej lze velmi snadno upravit pro můj případ použití!”

Nichole Peterson

Přední vývojář MUSÍ!! Opravdu se mi líbilo, jak to hraje pěkně s Reactem a Tailwindem. Snadnost UI a UX je to, co mám nejraději.”

Steven J.

Vřele doporučuji, je to kouzlo!”

Javier

“Nyní mohu krást návrhy ještě snadněji! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Skvělý nástroj, jeho hodnota je mnohem vyšší než jeho náklady.”

testimonial author
Bryan Brooks

DivMagic je poklad, prostě ten nejlepší nástroj, jak získat tuto část webové stránky a dokonale ji přivést k vám. Vyzkoušejte to, náklady, které se vám vrátí v čase ušetřeném za dny.”

testimonial author
Victor Rhea

“Skvělý placený nástroj, stojí za to!”

testimonial author
Daniro

Skvělý nástroj a obrovská úspora času. Pokud jste vývojář a chcete rychlý způsob, jak získat návrh uživatelského rozhraní, tento nástroj je skvělý.”

testimonial author
Martin Young

“Jsem rád, že to mám v prohlížeči”

testimonial author
Reza Hartana

“Skvělý nástroj, který vám ušetří spoustu času při vývoji.”

testimonial author
Jackie Chong

Funguje šíleně dobře – dokonce i s React + TailwindCSS. Velmi ohromený.”

testimonial author
J L

“Úžasný nástroj! Líbí se mi výkonné použití a snadnost práce. Pokud jste vývojář, nepřemýšlejte dvakrát a ujistěte se, že to získáte.

testimonial author
Giuliani Prosecutor

“Fantastický nástroj. Ve spojení s komponentami Tailwind si můžete snadno ušetřit hodiny během prvních 30 minut používání. Vyplatí se téměř okamžitě.”

testimonial author
Brendan OC

“V minulosti jsem testoval více než 3 podobné nástroje - DivMagic je jednoznačně jedním z nejlepších z hlediska kvality.

testimonial author
John Techozens

“Úžasný nástroj, pokud vytváříte webové stránky, víte, toto není žádná úvaha. Ušetřete spoustu hodin hraním se šablonami a úpravami css.”

testimonial author
Kevin McGrew

Ceny

Funguje na každém webu

K dispozici pro Chrome a Firefox

Úplné zásady vrácení peněz

Používá +4000 vývojářů

Věnovaná a rychlá podpora
Neustálé aktualizace a nové funkce

Měsíční

$16/Měsíc

Případně včetně místních daní nebo DPH

  • Dostupné pro Google Chrome (včetně všech prohlížečů založených na Chromiu, jako je Brave, Edge atd.)

  • K dispozici pro Firefox

  • Používejte na tolika zařízeních, kolik chcete

  • Integrace DivMagic Studio

  • Zahrnuje všechny budoucí aktualizace a funkce

  • Záruka vrácení peněz

Roční

$96/rok

Případně včetně místních daní nebo DPH

  • Uložit - 6 měsíců zdarma

  • Dostupné pro Google Chrome (včetně všech prohlížečů založených na Chromiu, jako je Brave, Edge atd.)

  • K dispozici pro Firefox

  • Používejte na tolika zařízeních, kolik chcete

  • Integrace DivMagic Studio

  • Zahrnuje všechny budoucí aktualizace a funkce

  • Záruka vrácení peněz

🎁

Omezená sleva!!!

Jednorázová platba

Nejoblíbenější
$300
$200

Případně včetně místních daní nebo DPH

  • Doživotní přístup

  • Dostupné pro Google Chrome (včetně všech prohlížečů založených na Chromiu, jako je Brave, Edge atd.)

  • K dispozici pro Firefox

  • Používejte na tolika zařízeních, kolik chcete

  • Integrace DivMagic Studio

  • Zahrnuje všechny budoucí aktualizace a funkce

  • Záruka vrácení peněz

Často kladené otázky

Co dělá DivMagic?

DivMagic vám umožňuje snadno kopírovat, převádět a používat webové prvky. Je to všestranný nástroj, který převádí HTML a CSS do několika formátů, včetně Inline CSS, External CSS, Local CSS a Tailwind CSS.

Můžete zkopírovat jakýkoli prvek z libovolného webu jako opakovaně použitelnou komponentu a vložit jej přímo do své kódové základny.

Jak to mám používat?

Nejprve nainstalujte rozšíření DivMagic. Přejděte na libovolný web a klikněte na ikonu rozšíření. Poté vyberte libovolný prvek na stránce. Kód – ve vámi zvoleném formátu – bude zkopírován a připraven k vložení do vašeho projektu.

Můžete se podívat na ukázkové video, abyste viděli, jak to funguje

Jaké jsou podporované prohlížeče?

Rozšíření můžete získat pro Chrome a Firefox.

Rozšíření Chrome funguje ve všech prohlížečích založených na Chromiu, jako je Brave a Edge.

Jaké jsou zásady vrácení peněz?

Pokud nejste spokojeni s DivMagic, pošlete nám e-mail do 30 dnů od nákupu a my vám vrátíme peníze, bez jakýchkoli otázek.

support@divmagic.com

Jak mohu upravit své předplatné?

Své předplatné můžete upravit na zákaznickém portálu.
Zákaznický portál

Funguje to na všech webech?

Ano. Zkopíruje jakýkoli prvek z libovolné webové stránky a převede jej do vámi zvoleného formátu. Můžete dokonce kopírovat prvky, které jsou chráněny prvkem iframe.

Web, který kopírujete, může být vytvořen s jakýmkoliv frameworkem, DivMagic bude fungovat na všech z nich.

I když jsou vzácné, některé prvky se nemusí dokonale kopírovat – pokud na nějaké narazíte, nahlaste nám je.

I když prvek není zkopírován správně, stále můžete použít zkopírovaný kód jako výchozí bod a provádět v něm změny.

Funguje konverze CSS Tailwind na všech webech?

Ano. Web, který kopírujete, může být vytvořen s jakýmkoliv frameworkem, DivMagic bude fungovat na všech z nich.

Web nemusí být vytvořen s Tailwind CSS, DivMagic převede CSS na Tailwind CSS za vás.

Jaká jsou omezení?

Největším omezením jsou weby, které používají JavaScript k úpravě zobrazení obsahu stránky. V takových případech nemusí být zkopírovaný kód správný. Pokud takový prvek najdete, nahlaste nám to.

I když prvek není zkopírován správně, stále můžete použít zkopírovaný kód jako výchozí bod a provádět v něm změny.

Jak často probíhá aktualizace DivMagic?

DivMagic je pravidelně aktualizován. Neustále přidáváme nové funkce a vylepšujeme ty stávající.

Aktualizaci vydáváme každé 1-2 týdny. Seznam všech aktualizací najdete v našem Changelogu.

Seznam změn

Chcete zůstat v obraze?
Připojte se k seznamu e-mailů DivMagic!

Buďte první, kdo se dozví o novinkách, nových funkcích a dalších!

Z odběru se můžete kdykoli odhlásit. Žádný spam.

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Všechna práva vyhrazena.