divmagic DivMagic

Copie o design de qualquer site

Uma extensão de navegador que permite copiar o código de qualquer elemento do site com um clique

Usado por

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ milhares de outros desenvolvedores!

Usado por desenvolvedores em

CONFIADO POR +4.000 DESENVOLVEDORES
divmagic

Reduza significativamente o tempo de desenvolvimento

Obtenha o código de qualquer elemento em qualquer site

Você pode obter o código HTML/CSS de qualquer elemento em qualquer site.
Com um clique, você pode copiar o código de qualquer elemento de qualquer site.
Você também pode copiar páginas inteiras com um clique, se desejar.

Media Query Suporte (responsivo)

Você pode copiar a consulta de mídia do elemento que está copiando.

Isso tornará o estilo copiado responsivo.

Converter CSS em Tailwind CSS

Você pode converter qualquer código CSS em Tailwind CSS.

O site do qual você está copiando não precisa usar Tailwind CSS.

DivMagic irá converter qualquer código CSS em Tailwind CSS (até mesmo cores!)

Copie o código através de iframes

Você pode copiar o código de iframes.

Alguns sites colocam conteúdo em iframes para evitar que você o copie. DivMagic pode copiar código através de iframes.

DevTools Integração

Use o DivMagic diretamente nas ferramentas de desenvolvimento do seu navegador

Você pode acessar o poder do DivMagic sem nunca abrir a extensão

Transforme e capture elementos da web em componentes reutilizáveis, tudo isso dentro do console do desenvolvedor.

Converta qualquer componente em React/JSX

Você pode converter qualquer componente em JSX.

Você pode obter qualquer seção copiada como um componente React/JSX. Não há necessidade de inspecionar o código.

Mesmo que o site não use React.

DivMagic Studio Integração

Você pode exportar o elemento copiado para o DivMagic Studio.

Isso permitirá que você edite o elemento e faça alterações nele facilmente.

Você pode salvar seus componentes no DivMagic Studio e visitá-los a qualquer momento.

Todas as ferramentas que você precisa para criar sites incríveis com mais rapidez

Obtenha o melhor design, sem gastar horas nisso

INSPETOR

Obtenha o código de qualquer elemento em qualquer site. DivMagic fornece o código mais compacto e limpo para você usar em seus projetos.

CONVERSOR

Converta qualquer componente em React/JSX. Você pode obter qualquer seção copiada como um componente React/JSX. Independentemente da estrutura do site.

CSS TAILWIND

Converta CSS em CSS Tailwind. DivMagic irá converter qualquer código CSS em Tailwind CSS (até mesmo cores!). O site do qual você está copiando não precisa usar Tailwind CSS.

SUPORTE IFRAME

Copie o código dos iframes. Alguns sites colocam conteúdo em iframes para evitar que você o copie. DivMagic pode copiar código através de iframes.

RESPONSIVO

Você pode copiar a consulta de mídia do elemento ou página que está copiando. Isso tornará o estilo copiado responsivo.

INTEGRAÇÃO COM DEVTOOLS

Use o DivMagic diretamente nas ferramentas de desenvolvimento do seu navegador. Você pode acessar todas as funcionalidades do DivMagic sem nunca abrir a extensão.

INTEGRAÇÃO DE ESTÚDIO

Você pode exportar o elemento copiado para o DivMagic Studio – um poderoso editor online para editar o elemento e fazer alterações nele facilmente.

CÓPIA DE PÁGINA COMPLETA

Você pode copiar páginas inteiras com um clique.

INTEGRAÇÃO WORDPRESS

(EM BREVE) - Você pode exportar o elemento copiado para WordPress. Isso permitirá que você use o elemento copiado no Editor do WordPress.

CÓPIA DE FONTE

(EM BREVE) - Você pode copiar fontes de sites e usá-las diretamente em seus projetos.

CAIXA DE FERRAMENTAS

(EM BREVE) - Todas as ferramentas que você precisa para desenvolvimento web em um só lugar. Edições ao vivo, seletor de cores, depurador e muito mais.

Amado
por
desenvolvedores
e
designers

“Incrível! Isso aumentou minha produtividade em 1.000 vezes. É muito fácil copiar o código do Tailwind para coisas existentes na Internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Incrivelmente útil! Não há dúvida de que economiza muito tempo!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Uma extensão do Chrome para converter elementos diretamente em Tailwind CSS (incluindo cores).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Exatamente o que eu procurava! Funcionando bem no que tento.”

testimonial author
Will Bowman

Funciona muito bem! A saída é muito pequena, o que facilita a modificação para o meu caso de uso!”

Nichole Peterson

Front-end Dev DEVE!! Eu realmente adorei como ele funciona bem com React e Tailwind. A facilidade de UI e UX é o que mais gosto.”

Steven J.

“Eu recomendo fortemente, é mágico!”

Javier

“Agora posso roubar designs com ainda mais facilidade! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Ótima ferramenta, seu valor vai muito além do custo.”

testimonial author
Bryan Brooks

DivMagic é um tesouro, simplesmente a melhor ferramenta para obter aquela seção de uma página da web e trazê-la perfeitamente para você. Experimente, o custo será devolvido em tempo economizado em dias.”

testimonial author
Victor Rhea

“Ótima ferramenta paga, vale o dinheiro gasto!”

testimonial author
Daniro

Ótima ferramenta que economiza muito tempo. Se você é um desenvolvedor e deseja uma maneira rápida de obter design de UI, esta ferramenta é ótima.”

testimonial author
Martin Young

“É bom tê-lo no meu navegador”

testimonial author
Reza Hartana

“Ótima ferramenta que vai economizar muito tempo no desenvolvimento.”

testimonial author
Jackie Chong

Funciona incrivelmente bem - Mesmo com React + TailwindCSS. Muito impressionado.”

testimonial author
J L

“Ferramenta incrível! Adoro o uso poderoso e a facilidade com que funciona. Se você é um desenvolvedor, não pense duas vezes e certifique-se de obtê-lo.

testimonial author
Giuliani Prosecutor

“Ferramenta fantástica. Combinado com os componentes do Tailwind, você pode facilmente economizar horas nos primeiros 30 minutos de uso. Paga-se quase instantaneamente.”

testimonial author
Brendan OC

“Eu testei mais de três ferramentas semelhantes no passado - DivMagic é facilmente uma das melhores em termos de qualidade, de longe.

testimonial author
John Techozens

“Ferramenta incrível, se você cria sites, você sabe que isso é óbvio. Economizei toneladas de horas mexendo com modelos e modificando CSS.”

testimonial author
Kevin McGrew

Preços

Funciona em todos os sites

Disponível para Chrome e Firefox

Política de reembolso total

Usado por mais de 4.000 desenvolvedores

Suporte dedicado e rápido
Atualizações constantes e novos recursos

Por mês

$16/mês

Excluindo impostos locais ou IVA, se aplicável

  • Disponível para Google Chrome (incluindo todos os navegadores baseados em Chromium, como Brave, Edge, etc.)

  • Disponível para Firefox

  • Use em quantos dispositivos desejar

  • Integração com DivMagic Studio

  • Inclui todas as atualizações e recursos futuros

  • Garantia de devolução de dinheiro

Anual

$96/ano

Excluindo impostos locais ou IVA, se aplicável

  • Salvar - 6 meses grátis

  • Disponível para Google Chrome (incluindo todos os navegadores baseados em Chromium, como Brave, Edge, etc.)

  • Disponível para Firefox

  • Use em quantos dispositivos desejar

  • Integração com DivMagic Studio

  • Inclui todas as atualizações e recursos futuros

  • Garantia de devolução de dinheiro

🎁

Desconto limitado!!!

Pagamento único

Mais popular
$300
$200

Excluindo impostos locais ou IVA, se aplicável

  • Acesso vitalício

  • Disponível para Google Chrome (incluindo todos os navegadores baseados em Chromium, como Brave, Edge, etc.)

  • Disponível para Firefox

  • Use em quantos dispositivos desejar

  • Integração com DivMagic Studio

  • Inclui todas as atualizações e recursos futuros

  • Garantia de devolução de dinheiro

perguntas frequentes

O que o DivMagic faz?

DivMagic permite copiar, converter e utilizar elementos da web com facilidade. É uma ferramenta versátil que converte HTML e CSS para diversos formatos, incluindo CSS Inline, CSS Externo, CSS Local e CSS Tailwind.

Você pode copiar qualquer elemento de qualquer site como um componente reutilizável e colá-lo diretamente em sua base de código.

Como eu uso isso?

Primeiro, instale a extensão DivMagic. Navegue para qualquer site e clique no ícone da extensão. Em seguida, selecione qualquer elemento da página. O código - no formato selecionado - será copiado e estará pronto para ser colado em seu projeto.

Você pode assistir ao vídeo de demonstração para ver como funciona

Quais são os navegadores suportados?

Você pode obter a extensão para Chrome e Firefox.

A extensão do Chrome funciona em todos os navegadores baseados em Chromium, como Brave e Edge.

Qual é a política de reembolso?

Se você não estiver satisfeito com o DivMagic, envie-nos um e-mail dentro de 30 dias após a compra e reembolsaremos seu dinheiro, sem perguntas.

support@divmagic.com

Como modifico minha assinatura?

Você pode modificar sua assinatura acessando o portal do cliente.
Portal do cliente

Funciona em todos os sites?

Sim. Ele copiará qualquer elemento de qualquer site, convertendo-o no formato escolhido. Você pode até copiar elementos protegidos por um iframe.

O site que você está copiando pode ser construído com qualquer framework, o DivMagic funcionará em todos eles.

Embora raros, certos elementos podem não ser copiados perfeitamente. Se você encontrar algum, informe-nos.

Mesmo que o elemento não seja copiado corretamente, você ainda pode usar o código copiado como ponto de partida e fazer alterações nele.

A conversão Tailwind CSS funciona em todos os sites?

Sim. O site que você está copiando pode ser construído com qualquer framework, o DivMagic funcionará em todos eles.

O site não precisa ser construído com Tailwind CSS, o DivMagic irá converter o CSS em Tailwind CSS para você.

Quais são as limitações?

A maior limitação são os sites que usam JavaScript para modificar a exibição do conteúdo da página. Nesses casos, o código copiado pode não estar correto. Se você encontrar algum elemento desse tipo, informe-nos.

Mesmo que o elemento não seja copiado corretamente, você ainda pode usar o código copiado como ponto de partida e fazer alterações nele.

Com que frequência há uma atualização para o DivMagic?

DivMagic é atualizado regularmente. Estamos constantemente adicionando novos recursos e melhorando os existentes.

Lançamos uma atualização a cada 1-2 semanas. Consulte nosso Changelog para obter uma lista de todas as atualizações.

Registro de alterações

Gostaria de se manter informado?
Junte-se à lista de e-mail DivMagic!

Seja o primeiro a saber de novidades, novos recursos e muito mais!

Cancele a inscrição a qualquer momento. Sem spam.

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Todos os direitos reservados.