divmagic DivMagic

Copia o deseño de calquera sitio web

Unha extensión do navegador que che permite copiar o código de calquera elemento do sitio web cun só clic

Usado por

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ miles de outros desenvolvedores!

Usado polos desenvolvedores en

DE CONFIANZA DE + 4000 DESENVOLVADORES
divmagic

Reduce significativamente o teu tempo de desenvolvemento

Obtén o código de calquera elemento en calquera sitio web

Podes obter o código HTML/CSS de calquera elemento en calquera sitio web.
Cun só clic, pode copiar o código de calquera elemento en calquera sitio web.
Tamén pode copiar páxinas completas cun só clic se o desexa.

Media Query Soporte (sensible)

Pode copiar a consulta multimedia do elemento que está a copiar.

Isto fará que o estilo copiado responda.

Converter CSS en CSS Tailwind

Podes converter calquera código CSS en CSS Tailwind.

O sitio web desde o que estás copiando non necesita usar Tailwind CSS.

DivMagic converterá calquera código CSS en Tailwind CSS (incluso cores!)

Copiar código a través de iframes

Podes copiar código de iframes.

Algúns sitios web colocan contido en iframes para evitar que o copies. DivMagic pode copiar código a través de iframes.

DevTools Integración

Usa DivMagic directamente desde as ferramentas de desenvolvemento do teu navegador

Podes acceder ao poder de DivMagic sen aparecer nunca a extensión

Transforma e captura elementos web en compoñentes reutilizables, todo mentres permaneces dentro da túa consola de programador.

Converte calquera compoñente en React/JSX

Pode converter calquera compoñente en JSX.

Podes obter calquera sección que copies como compoñente React/JSX. Non é necesario inspeccionar o código.

Aínda que o sitio web non use React.

DivMagic Studio Integración

Podes exportar o elemento copiado a DivMagic Studio.

Isto permitirache editar o elemento e facer cambios nel facilmente.

Podes gardar os teus compoñentes en DivMagic Studio e visitalos en calquera momento.

Todas as ferramentas que precisas para crear sitios web incribles máis rápido

Obtén o mellor deseño, sen gastar horas nel

INSPECTOR

Obtén o código de calquera elemento en calquera sitio web. DivMagic ofrece o código máis compacto e limpo para que o uses nos teus proxectos.

CONVERSOR

Converte calquera compoñente en React/JSX. Podes obter calquera sección que copies como compoñente React/JSX. Independentemente do marco do sitio web.

CSS TAILWIND

Converter CSS en CSS Tailwind. DivMagic converterá calquera código CSS en CSS Tailwind (incluso cores!). O sitio web desde o que estás copiando non necesita usar Tailwind CSS.

SOPORTE IFRAME

Copiar código de iframes. Algúns sitios web colocan contido en iframes para evitar que o copies. DivMagic pode copiar código a través de iframes.

RESPONSIVE

Pode copiar a consulta multimedia do elemento ou páxina que está a copiar. Isto fará que o estilo copiado responda.

INTEGRACIÓN DE DEVTOOLS

Usa DivMagic directamente desde as ferramentas de desenvolvemento do teu navegador. Podes acceder a todas as funcións de DivMagic sen aparecer nunca a extensión.

INTEGRACIÓN DE ESTUDIOS

Podes exportar o elemento copiado a DivMagic Studio, un poderoso editor en liña para editar o elemento e facer cambios nel facilmente.

COPIA DA PÁXINA COMPLETA

Pode copiar páxinas completas cun só clic.

INTEGRACIÓN DE WORDPRESS

(PROXIMAMENTE) - Podes exportar o elemento copiado a WordPress. Isto permitirache usar o elemento copiado no Editor de WordPress.

COPIA DE TIPOS

(PROXIMAMENTE) - Podes copiar fontes de sitios web e usalas directamente nos teus proxectos.

CAIXA DE FERRAMENTAS

(PROXIMAMENTE) - Todas as ferramentas que necesitarás para o desenvolvemento web nun só lugar. Edicións en directo, selector de cores, depurador e moito máis.

Amado
por
desenvolvedores
e
deseñadores

“Incrible! Isto aumentou a miña produtividade en 1000 veces. É tan fácil copiar o código Tailwind para o material existente en Internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Increíblemente útil! Non hai dúbida de que aforra moito tempo.”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Unha extensión de Chrome para converter elementos directamente en CSS de Tailwind (incluíndo cores).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Xusto o que estaba buscando! Funcionando ben no que intento.”

testimonial author
Will Bowman

Funciona moi ben! A saída é moi pequena, polo que é moi fácil de modificar para o meu caso de uso.”

Nichole Peterson

O desenvolvedor de front-end DEBE!! Encantoume moito como funciona ben con React e Tailwind. A facilidade de UI e UX é o que máis me gusta.”

Steven J.

Recomendo encarecidamente, é maxia!”

Javier

“Agora podo roubar deseños aínda máis doado! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Gran ferramenta, o seu valor supera moito o seu custo.”

testimonial author
Bryan Brooks

DivMagic é un tesouro, simplemente a mellor ferramenta para conseguir esa sección dunha páxina web e traela á perfección. Proba, o custo que che devolverá aforrando en días.”

testimonial author
Victor Rhea

“Gran ferramenta de pago, paga a pena!”

testimonial author
Daniro

Gran ferramenta e gran aforro de tempo. Se es un programador e queres un xeito rápido de conseguir o deseño da IU, esta ferramenta é xenial.”

testimonial author
Martin Young

“Encantado de telo no meu navegador”

testimonial author
Reza Hartana

“Gran ferramenta que che vai aforrar moito tempo no desenvolvemento.”

testimonial author
Jackie Chong

Funciona moi ben: mesmo con React + TailwindCSS. Moi impresionado.”

testimonial author
J L

“Ferramenta incrible! Encántame o uso potente e a facilidade coa que funciona. Se es un programador, non o penses dúas veces e asegúrate de conseguilo.

testimonial author
Giuliani Prosecutor

“Ferramenta fantástica. Combinado cos compoñentes de Tailwind, podes aforrar horas facilmente nos primeiros 30 minutos de uso. Págase por si mesmo case ao instante.”

testimonial author
Brendan OC

“Probei máis de 3 ferramentas similares no pasado: DivMagic é facilmente un dos mellores en canto a calidade, con diferenza.

testimonial author
John Techozens

“Ferramenta incrible, se creas sitios web sabes que isto é unha obvia. Aforro toneladas de horas xogando con modelos e modificando css.”

testimonial author
Kevin McGrew

Prezos

Funciona en todos os sitios web

Dispoñible para Chrome e Firefox

Política de reembolso total

Usado por +4000 desenvolvedores

Soporte rápido e dedicado
Actualizacións constantes e novas funcións

Mensual

$16/mes

Excluíndo impostos locais ou IVE se é o caso

  • Dispoñible para Google Chrome (incluíndo todos os navegadores baseados en Chromium como Brave, Edge, etc.)

  • Dispoñible para Firefox

  • Usa en tantos dispositivos como queiras

  • Integración de DivMagic Studio

  • Inclúe todas as actualizacións e funcións futuras

  • Garantía de devolución do diñeiro

Anual

$96/ano

Excluíndo impostos locais ou IVE se é o caso

  • Gardar - 6 meses gratis

  • Dispoñible para Google Chrome (incluíndo todos os navegadores baseados en Chromium como Brave, Edge, etc.)

  • Dispoñible para Firefox

  • Usa en tantos dispositivos como queiras

  • Integración de DivMagic Studio

  • Inclúe todas as actualizacións e funcións futuras

  • Garantía de devolución do diñeiro

🎁

Desconto limitado!!!

Pago único

O máis popular
$300
$200

Excluíndo impostos locais ou IVE se é o caso

  • Acceso de por vida

  • Dispoñible para Google Chrome (incluíndo todos os navegadores baseados en Chromium como Brave, Edge, etc.)

  • Dispoñible para Firefox

  • Usa en tantos dispositivos como queiras

  • Integración de DivMagic Studio

  • Inclúe todas as actualizacións e funcións futuras

  • Garantía de devolución do diñeiro

Preguntas máis frecuentes

Que fai DivMagic?

DivMagic permíteche copiar, converter e utilizar elementos web con facilidade. É unha ferramenta versátil que converte HTML e CSS a varios formatos, incluíndo CSS en liña, CSS externo, CSS local e CSS Tailwind.

Pode copiar calquera elemento de calquera sitio web como compoñente reutilizable e pegalo directamente na súa base de código.

Como o uso?

Primeiro, instala a extensión DivMagic. Navega a calquera sitio web e fai clic na icona da extensión. A continuación, seleccione calquera elemento da páxina. O código, no formato que selecciones, copiarase e estará listo para pegar no teu proxecto.

Podes ver o vídeo de demostración para ver como funciona

Cales son os navegadores compatibles?

Podes obter a extensión para Chrome e Firefox.

A extensión de Chrome funciona en todos os navegadores baseados en Chromium como Brave e Edge.

Cal é a política de reembolso?

Se non estás satisfeito con DivMagic, envíanos un correo electrónico dentro dos 30 días seguintes á túa compra e devolveremos o teu diñeiro sen facer preguntas.

support@divmagic.com

Como modifico a miña subscrición?

Podes modificar a túa subscrición accedendo ao portal do cliente.
Portal do cliente

Funciona en todos os sitios web?

Si. Copiará calquera elemento de calquera sitio web, converténdoo no formato escollido. Incluso pode copiar elementos que están protexidos por un iframe.

O sitio web que está a copiar pódese construír con calquera framework, DivMagic funcionará en todos eles.

Aínda que é raro, certos elementos poden non copiarse perfectamente; se atopas algún, infórmanos.

Aínda que o elemento non se copie correctamente, aínda pode usar o código copiado como punto de partida e facer cambios nel.

A conversión CSS de Tailwind funciona en todos os sitios web?

Si. O sitio web que está a copiar pódese construír con calquera framework, DivMagic funcionará en todos eles.

O sitio web non necesita ser construído con Tailwind CSS, DivMagic converterá o CSS en Tailwind CSS por ti.

Cales son as limitacións?

A maior limitación son os sitios web que usan JavaScript para modificar a visualización do contido da páxina. Nestes casos, o código copiado pode non ser correcto. Se atopas algún elemento deste tipo, infórmano.

Aínda que o elemento non se copie correctamente, aínda pode usar o código copiado como punto de partida e facer cambios nel.

Cantas veces hai unha actualización para DivMagic?

DivMagic actualízase regularmente. Estamos constantemente engadindo novas funcións e mellorando as existentes.

Lanzamos unha actualización cada 1-2 semanas. Consulta o noso rexistro de cambios para ver unha lista de todas as actualizacións.

Rexistro de cambios

Queres estar ao día?
Únete á lista de correo electrónico de DivMagic!

Sexa o primeiro en saber novas, novas funcións e moito máis!

Cancela a subscrición en calquera momento. Sen spam.

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Todos os dereitos reservados.