divmagic DivMagic

Copia el disseny des de qualsevol lloc web

Una extensió del navegador que us permet copiar el codi de qualsevol element del lloc web amb un sol clic

Utilitzat per

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ centenars d'altres desenvolupadors!

Utilitzat pels desenvolupadors a

Reduïu significativament el vostre temps de desenvolupament

Ràpid i fàcil

Còpia d'estil amb un sol clic

No perdis més el temps pensant en el disseny.

Copieu-ho tot amb un clic en segons. Fins i tot llocs web complets.

Tailwind CSS

Converteix qualsevol component a Tailwind CSS

Podeu obtenir qualsevol secció que copieu com a component CSS de Tailwind (encara que el lloc web no utilitzi Tailwind CSS)

React/JSX

Converteix qualsevol component a JSX

Podeu obtenir qualsevol secció que copieu com a component React/JSX

Obteniu el codi de qualsevol element a qualsevol lloc web

Podeu obtenir el codi HTML/CSS de qualsevol element a qualsevol lloc web.

Amb un sol clic, podeu copiar el codi de qualsevol element a qualsevol lloc web.

També podeu copiar pàgines completes amb un sol clic si voleu.

Media Query Suport (responsiu)

Podeu copiar la consulta multimèdia de l'element que esteu copiant.

Això farà que l'estil copiat respongui.

Converteix CSS a CSS Tailwind

Podeu convertir qualsevol codi CSS a Tailwind CSS.

El lloc web des del qual esteu copiant no necessita utilitzar Tailwind CSS.

DivMagic convertirà qualsevol codi CSS en CSS Tailwind (fins i tot colors!)

Copia el codi mitjançant iframes

Podeu copiar el codi dels iframes.

Alguns llocs web posen contingut en iframes per evitar que el copieu. DivMagic pot copiar codi mitjançant iframes.

DevTools Integració

Utilitzeu DivMagic directament des de les eines de desenvolupament del vostre navegador

Podeu accedir al poder de DivMagic sense que aparegui mai l'extensió

Transformeu i captureu elements web en components reutilitzables, tot mentre romangueu a la vostra consola de desenvolupadors.

Converteix qualsevol component a React/JSX

Podeu convertir qualsevol component a JSX.

Podeu obtenir qualsevol secció que copieu com a component React/JSX. No cal inspeccionar el codi.

Fins i tot si el lloc web no utilitza React.

DivMagic Studio Integració

Podeu exportar l'element copiat a DivMagic Studio.

Això us permetrà editar l'element i fer-hi canvis fàcilment.

Podeu desar els vostres components a DivMagic Studio i visitar-los en qualsevol moment.

Estimat
pels
desenvolupadors
i
dissenyadors

Preus

Funciona a tots els llocs web

Disponible per a Chrome i Firefox

Política de reemborsament total
Utilitzat per més de 1000 desenvolupadors
Suport dedicat i ràpid
Actualitzacions constants i noves funcions

Mensual

$16/mes

No inclou impostos locals ni IVA si escau

  • Disponible per a Google Chrome (inclosos tots els navegadors basats en Chromium com Brave, Edge, etc.)

  • Disponible per a Firefox

  • Utilitzeu-lo en tants dispositius com vulgueu

  • Inclou totes les actualitzacions i funcions futures

  • Garantia de devolució dels diners

Anualment

$96/curs

No inclou impostos locals ni IVA si escau

  • Desa - 6 mesos gratuïts

  • Disponible per a Google Chrome (inclosos tots els navegadors basats en Chromium com Brave, Edge, etc.)

  • Disponible per a Firefox

  • Utilitzeu-lo en tants dispositius com vulgueu

  • Inclou totes les actualitzacions i funcions futures

  • Garantia de devolució dels diners

🎁 Descompte limitat

Pagament únic

El més popular
$300
$200

No inclou impostos locals ni IVA si escau

  • Accés de per vida

  • Disponible per a Google Chrome (inclosos tots els navegadors basats en Chromium com Brave, Edge, etc.)

  • Disponible per a Firefox

  • Utilitzeu-lo en tants dispositius com vulgueu

  • Inclou totes les actualitzacions i funcions futures

  • Garantia de devolució dels diners

Preguntes freqüents

Què fa DivMagic?

DivMagic us permet copiar, convertir i utilitzar elements web amb facilitat. És una eina versàtil que converteix HTML i CSS a diversos formats, com ara CSS en línia, CSS extern, CSS local i CSS Tailwind.

Podeu copiar qualsevol element de qualsevol lloc web com a component reutilitzable i enganxar-lo directament a la vostra base de codi.

Com ho faig servir?

Primer, instal·leu l'extensió DivMagic. Navegueu a qualsevol lloc web i feu clic a la icona de l'extensió. A continuació, seleccioneu qualsevol element de la pàgina. El codi, en el format seleccionat, es copiarà i es podrà enganxar al projecte.

Podeu veure el vídeo de demostració per veure com funciona

Quins són els navegadors compatibles?

Podeu obtenir l'extensió per a Chrome i Firefox.

L'extensió de Chrome funciona en tots els navegadors basats en Chromium com Brave i Edge.

Quina és la política de reemborsament?

Si no esteu satisfet amb DivMagic, envieu-nos un correu electrònic dins dels 30 dies següents a la vostra compra i us retornarem els diners, sense fer cap pregunta.

support@divmagic.com

Com modifico la meva subscripció?

Pots modificar la teva subscripció accedint al portal del client.
Portal del client

Funciona a tots els llocs web?

Sí. Copiarà qualsevol element de qualsevol lloc web, convertint-lo al format que trieu. Fins i tot podeu copiar elements que estan protegits per un iframe.

El lloc web que esteu copiant es pot crear amb qualsevol marc, DivMagic funcionarà en tots ells.

Tot i que són rars, és possible que alguns elements no es copien perfectament; si en trobeu algun, informeu-nos-los.

Encara que l'element no s'hagi copiat correctament, encara podeu utilitzar el codi copiat com a punt de partida i fer-hi canvis.

La conversió Tailwind CSS funciona a tots els llocs web?

Sí. El lloc web que esteu copiant es pot crear amb qualsevol marc, DivMagic funcionarà en tots ells.

No cal que el lloc web estigui creat amb Tailwind CSS, DivMagic convertirà el CSS a Tailwind CSS per a vosaltres.

Quines són les limitacions?

La limitació més gran són els llocs web que utilitzen JavaScript per modificar la visualització del contingut de la pàgina. En aquests casos, és possible que el codi copiat no sigui correcte. Si trobeu algun element d'aquest tipus, si us plau, comuniqueu-nos-ho.

Encara que l'element no s'hagi copiat correctament, encara podeu utilitzar el codi copiat com a punt de partida i fer-hi canvis.

Amb quina freqüència hi ha una actualització de DivMagic?

DivMagic s'actualitza regularment. Contínuament estem afegint noves funcions i millorant les existents.

Publicem una actualització cada 1-2 setmanes. Consulteu el nostre registre de canvis per obtenir una llista de totes les actualitzacions.

Registre de canvis

Vols estar al dia?
Uneix-te a la llista de correu electrònic de DivMagic!

Sigues el primer a conèixer notícies, noves funcions i molt més!

Cancel·la la subscripció en qualsevol moment. Sense correu brossa.

DivMagic - Copy design from any website | Product Hunt

© 2023 DivMagic, Inc. Tots els drets reservats.