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

+ milers d'altres desenvolupadors!

Utilitzat pels desenvolupadors a

+4000 DESENVOLUPADORS CONFIANTS
divmagic

Reduïu significativament el vostre temps de desenvolupament

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.

Totes les eines que necessiteu per crear llocs web sorprenents més ràpidament

Aconsegueix el millor disseny, sense dedicar-hi hores

INSPECTOR

Obteniu el codi de qualsevol element a qualsevol lloc web. DivMagic ofereix el codi més compacte i net perquè l'utilitzeu als vostres projectes.

CONVERTIDOR

Converteix qualsevol component a React/JSX. Podeu obtenir qualsevol secció que copieu com a component React/JSX. Independentment del marc del lloc web.

CSS TAILWIND

Converteix CSS a CSS Tailwind. DivMagic convertirà qualsevol codi CSS en CSS Tailwind (fins i tot colors!). El lloc web des del qual esteu copiant no necessita utilitzar Tailwind CSS.

SUPORT IFRAME

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

RESPONSABLE

Podeu copiar la consulta multimèdia de l'element o pàgina que esteu copiant. Això farà que l'estil copiat respongui.

INTEGRACIÓ DE DEVTOOLS

Utilitzeu DivMagic directament des de les eines de desenvolupament del vostre navegador. Podeu accedir a totes les funcionalitats de DivMagic sense que aparegui mai l'extensió.

INTEGRACIÓ DE L'ESTUDI

Podeu exportar l'element copiat a DivMagic Studio, un potent editor en línia per editar l'element i fer-hi canvis fàcilment.

CÒPIA DE LA PÀGINA COMPLETA

Podeu copiar pàgines completes amb un sol clic.

INTEGRACIÓ WORDPRESS

(PROVIAMENT) - Podeu exportar l'element copiat a WordPress. Això us permetrà utilitzar l'element copiat a WordPress Editor.

CÒPIA DE FONTS

(PROVIAMENT) - Podeu copiar tipus de lletra de llocs web i utilitzar-los directament als vostres projectes.

CAPSA D'EINES

(PROVIAMENT) - Totes les eines que necessitareu per al desenvolupament web en un sol lloc. Edicions en directe, selector de colors, depurador i molt més.

Estimat
pels
desenvolupadors
i
dissenyadors

“Increïble! Això va augmentar la meva productivitat en 1000 vegades. És tan fàcil copiar el codi Tailwind per a les coses existents a Internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Increïblement útil! No hi ha dubte que estalvia molt temps!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Una extensió de Chrome per convertir elements directament a Tailwind CSS (inclosos els colors).”

testimonial author
Michael Hoffman
Senior Frontend Developer

És el que estava buscant! Funcionant bé en el que intento.”

testimonial author
Will Bowman

Funciona molt bé! La sortida és molt petita, cosa que fa que sigui molt fàcil de modificar per al meu cas d'ús!”

Nichole Peterson

El desenvolupador frontal HA DE!! Em va encantar com funciona bé amb React i Tailwind. La facilitat d'IU i UX és el que més m'agrada.”

Steven J.

“El el recomano, és màgia!”

Javier

“Ara puc robar dissenys encara més fàcil! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Gran eina, el seu valor és molt més enllà del seu cost.”

testimonial author
Bryan Brooks

DivMagic és un tresor, simplement la millor eina per obtenir aquesta secció d'una pàgina web i portar-te-la perfectament. Prova-ho, el cost que et retornarà a temps estalviat en dies.”

testimonial author
Victor Rhea

“Gran eina de pagament, val la pena els diners!”

testimonial author
Daniro

Una eina fantàstica i un gran estalvi de temps. Si sou un desenvolupador i voleu una manera ràpida d'aconseguir un disseny d'interfície d'usuari, aquesta eina és fantàstica.”

testimonial author
Martin Young

“Encantat de tenir-lo al meu navegador”

testimonial author
Reza Hartana

“Gran eina que us estalviarà molt de temps en el desenvolupament.”

testimonial author
Jackie Chong

Funciona increïblement bé: fins i tot amb React + TailwindCSS. Molt impressionat.”

testimonial author
J L

“Eina increïble! M'encanta l'ús potent i la facilitat amb què funciona. Si ets desenvolupador, no t'ho pensis dues vegades i assegura't d'aconseguir-ho.

testimonial author
Giuliani Prosecutor

“Fantàstica eina. Combinat amb els components de Tailwind, pots estalviar hores fàcilment durant els primers 30 minuts d'ús. Es paga per si mateix gairebé a l'instant.”

testimonial author
Brendan OC

“He provat més de 3 eines similars en el passat: DivMagic és fàcilment un dels millors en qualitat, amb diferència.

testimonial author
John Techozens

“Una eina increïble, si creeu llocs web, sabeu que això és una obvietat. Estàvem tones d'hores jugant amb plantilles i modificant CSS.”

testimonial author
Kevin McGrew

Preus

Funciona a tots els llocs web

Disponible per a Chrome i Firefox

Política de reemborsament total

Utilitzat per +4000 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

  • Integració de DivMagic Studio

  • 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

  • Integració de DivMagic Studio

  • 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

  • Integració de DivMagic Studio

  • 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

© 2024 DivMagic, Inc. Tots els drets reservats.