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

+ centenas de outros desenvolvedores!

Usado por desenvolvedores em

Reduza significativamente o tempo de desenvolvimento

Rápido e fácil

Cópia de estilo com um clique

Não perca mais tempo pensando em design.

Copie tudo com um clique em segundos. Até sites completos.

CSS Tailwind

Converta qualquer componente em Tailwind CSS

Você pode obter qualquer seção copiada como um componente Tailwind CSS (mesmo que o site não use Tailwind CSS)

React/JSX

Converta qualquer componente em JSX

Você pode obter qualquer seção copiada como um componente React/JSX

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.

Amado
por
desenvolvedores
e
designers

Preços

Funciona em todos os sites

Disponível para Chrome e Firefox

Política de reembolso total
Usado por mais de 1000 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

  • 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

  • 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

  • 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

© 2023 DivMagic, Inc. Todos os direitos reservados.