divmagic DivMagic

Copia el disseny des de qualsevol lloc web

Copieu fàcilment el codi de qualsevol element del lloc web amb un sol clic. Prova-ho ara!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Utilitzat per +8.000 desenvolupadors
+8.000 DESENVOLUPADORS CONFIABLES
divmagic
Una extensió màgica del navegador:
Estalvieu centenars d'hores
Compatible amb Chrome i Firefox
+1 milió d'elements copiats
Suport més ràpid
Selector de color, còpia de fonts i altres eines integrades
Creeu la vostra pròpia biblioteca de components

Utilitzat per +8.000 desenvolupadors a:

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.

DivMagic Toolbox

Totes les eines que necessitareu per al desenvolupament web en un sol lloc.

Podeu copiar tipus de lletra de llocs web i utilitzar-los directament als vostres projectes. Podeu copiar colors des de qualsevol lloc web i utilitzar-los directament als vostres projectes. Converteix qualsevol color a qualsevol format. Afegeix quadrícules.

I més...

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

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

Més informació aquí

CAPSA D'EINES

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

CÒPIA DE FONTS

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

SELECTOR DE COLORS

Podeu copiar colors des de qualsevol lloc web i utilitzar-los directament en els vostres projectes. Converteix qualsevol color a qualsevol format.

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

Complement molt útil! He pagat pel producte complet perquè m'estalvia temps i esforç.

Torra Laq

Eina al·lucinant. Eina molt útil per als desenvolupadors”

testimonial author
Talha Tonmoy

El desenvolupador de Divmagic és fantàstic.

Lewis

“Aquesta increïble eina ha reduït molt el temps que dedico a les tasques i s'adapta perfectament a la meva rutina de treball. És una eina crucial per a aquells que estan en l'àmbit del desenvolupament de llocs web. L'assistència tècnica em va ajudar poques hores després de la meva sol·licitud. Impressionant.”

testimonial author
Vasttee Design

La millor eina mai estalvia molt de temps cal millorar alguns mitjans de resposta JSX, un altre és molt útil.”

testimonial author
Azfar Masood
Vegeu més testimonis

Preus

Funciona a tots els llocs web

Disponible per a Chrome i Firefox

Política de reemborsament total

Actualitzacions constants i noves funcions

Suport dedicat i ràpid

Utilitzat per +8.000 desenvolupadors

"Es paga per si mateix gairebé a l'instant"

Brendan - Usuari de DivMagic

Garantit per estalviar temps i diners

  • Accés de per vida
  • Disponible per a Google Chrome
  • Tots els navegadors basats en Chromium
  • Disponible per a Firefox
  • Ús en 2 dispositius
  • Integració de DivMagic Studio
  • Inclou totes les actualitzacions futures
  • Suport més ràpid
  • Ús il·limitat
  • Garantia de devolució dels diners
🎁 Estalvieu 145 $ - Descompte durant un temps limitat
$345
$200
Pagament únic: paga una vegada, utilitza per sempre
Aconseguir ara

Mensual

$16/mes

Totes les funcions de DivMagic incloses
Cancel·la en qualsevol moment

Anualment

$96/curs

Totes les funcions de DivMagic incloses
Cancel·la en qualsevol moment

"Els clients sempre venen amb un disseny que els agrada i el podem copiar fàcilment amb DivMagic. Sens dubte, una eina imprescindible per a la nostra agència. Ens ha estalviat innombrables hores!"

Andrew - Usuari de DivMagic i propietari de l'agència

Garantit per millorar la productivitat del vostre equip

  • Rotar els membres de l'equip segons sigui necessari
  • Cancel·la en qualsevol moment
  • Biblioteca de components d'equip
  • Integració de Team Studio (properament)

Pla d'equip

$20/mes

per membre de l'equip
Obteniu el pla d'equip

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

Què passa amb el meu compte de pagament únic si es tanca DivMagic?

Volem assegurar-nos que us sentiu segur amb la vostra compra. Tenim previst estar-hi durant molt de temps, però si DivMagic es tanca, enviarem el codi de l'extensió a tots els usuaris que hagin fet un pagament únic, el que us permetrà utilitzar-lo fora de línia indefinidament.

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.

© 2024 DivMagic, Inc. Tots els drets reservats.