Registro de alterações

Aug 14, 2026

⚙️ Quality updates

• Inspect mode less noisy on animated pages
• Color picker and toolbox stay attached after SPA navigations
• Bug-fix sweep from recent support tickets

Jul 14, 2026

⚙️ Style matching

• Closer match on border, radius, and shadow conversion
• Font-size logic less jumpy across nested text
• Fixes on sites that rewrite styles after load

Jun 14, 2026

🚀 Speed and stability

• Incremental wins in the rewritten extraction path
• Copy works more often on messy, heavily scripted pages
• Support tickets from May triaged and closed

May 14, 2026

🚀 WordPress and export

• Gutenberg export styling on more themes
• Studio link sharing from saved components is more dependable
• Full-page copy option selection is more predictable

Apr 14, 2026

✨ 🎉 Browser compatibility

• DevTools panel behaves better with several tabs open
• Context menu and toolbox launch more reliably
• Options save correctly after extension updates

Mar 14, 2026

🚀 Output cleanup

• Smaller CSS payloads after optimization
• Fewer unused properties in Tailwind output
• SVG currentColor handling on more elements

Feb 14, 2026

⚡ Layout handling

• Improved absolute and relative position capture
• Better iframe style passthrough
• Grid and table conversion tweaks

Jan 14, 2026

🐛 Copy performance

• Faster copy-button response on large pages
• Less work during hover inspect
• Fixed a race that could leave the panel in a bad state

Dec 14, 2025

🐛 🦊 Year-end maintenance

• Runtime updates under the hood
• Copy pipeline less likely to stall on heavy sites
• Firefox and Chrome stay in sync on recent fixes

Nov 14, 2025

🆕 🐛 Studio and library

• Component library previews render more consistently
• Studio export handles a few more edge-case CSS patterns
• Background fixes from recent user reports

Oct 14, 2025

🚀 Conversion accuracy

• Wider Tailwind coverage for spacing and color utilities
• Cleaner JSX when components mix classes and attributes
• Media-query handling on a few stubborn layouts

Sep 14, 2025

🚀 Extraction polish

• Better nested flex and grid capture
• Dropped more redundant CSS from the copied output
• Popup stays stable during long copy sessions

Aug 14, 2025

⚙️ Reliability updates

• Hardened style extraction on pages that load several competing stylesheets
• Smoothed copy performance on deep DOM trees
• Squashed a handful of reported Tailwind mapping bugs

14 de julho de 2025

💡 melhorias

• Estilo atualizado Extraindo a lógica para executar melhor
• melhorou a velocidade da extensão
• corrigido erros.

14 de junho de 2025

💡 melhorias

• Estilo atualizado Extraindo a lógica para executar melhor
• corrigido erros.

14 de maio de 2025

✨ melhorias

• Estilo atualizado Extraindo a lógica para executar melhor
• melhorou a velocidade da extensão. O botão de cópia funcionará mais rápido agora.
• corrigido erros em certos sites com várias folhas de estilo que afetam os mesmos componentes

14 de abril de 2025

💡 🚀 Atualizações e melhorias

• Classes CSS v4.0 do Tailwind V4.0 são adicionadas. O DivMagic não converterá classes CSS em novas classes do Tailwind V4.0. Todas as classes do Tailwind, incluindo as das versões anteriores do Tailwind, estão incluídas na lógica de conversão.
• Lógica de extração aprimorada. O DivMagic funcionará significativamente melhor agora em comparação com as versões antigas. A lógica de extração de estilo foi reescrita do zero para melhorar o tempo e a precisão do processamento.
• Se você vir algum problema na lógica de extração de estilo na nova versão, informe -nos em Team@divmagic.com. Agradecemos a todos por seu apoio contínuo à Divmagic!

24 de novembro de 2024

💡 Novo design

• Novo design para site e ferramentas DivMagic
• Atualizamos o design do site e das ferramentas do DivMagic para torná-lo mais moderno e fácil de usar.
• Estamos trabalhando em melhorias na extensão e no Studio para oferecer uma experiência melhor a você.

8 de outubro de 2024

🆕 Atualização de integração do WordPress

• Integração com WordPress Novas mudanças
• Atualizamos a integração do WordPress Gutenberg para corrigir problemas de estilo dos elementos copiados e fornecer uma experiência mais robusta.

24 de setembro de 2024

🆕 Atualização de integração do WordPress

• Integração com WordPress Novas mudanças
• Atualizamos a integração do WordPress Gutenberg para melhorar a capacidade de resposta dos elementos copiados.

20 de setembro de 2024

✨ 🚀 Ferramenta de integração e régua com WordPress

• Integração com WordPress
• Adicionamos integração com WordPress Gutenberg, que será extremamente útil para usuários do WordPress.
• Depois de selecionar um elemento, você pode clicar no botão 'Exportar para WordPress'. Em seguida, acesse o WordPress Gutenberg e o componente aparecerá como um bloco no editor.
• Ferramenta de régua
• Adicionamos uma ferramenta Régua à caixa de ferramentas. Isso permite que você veja a largura/altura de um elemento, bem como a margem e o preenchimento, facilitando a cópia precisa dos elementos.
• Interface de usuário aprimorada para melhor usabilidade
• Otimizações de desempenho para cópia mais rápida de elementos

14 de julho de 2024

🆕 🔧 Melhorias e correções de bugs

• Copiar adições de recursos de página inteira
• Você pode selecionar qual componente e estilo deseja copiar durante a cópia da página inteira
• Lógica de cópia atualizada
• O código copiado será mais preciso e limpo
• Corrigido um bug onde alguns componentes estavam faltando na biblioteca de componentes

14 de maio de 2024

✨ 🐛 Nova UI, melhorias e correções de bugs

• Nova IU para a extensão
• Atualizamos a IU da extensão para torná-la mais fácil de usar.
• Adicionado recurso Copiar página inteira
• Agora você pode copiar páginas inteiras com um clique
• Adicionada uma nova ferramenta à caixa de ferramentas: Ferramenta de captura de tela
• Agora você pode fazer capturas de tela de qualquer site e baixá-las diretamente
• Corrigido um bug onde algumas visualizações não eram exibidas corretamente na biblioteca de componentes

16 de abril de 2024

📈 🔧 Melhorias e correções de bugs

• Melhorou a geração de visualização de componentes salvos. Alguns componentes não exibiam a visualização corretamente.
• Corrigido um bug onde o botão Salvar Componente não funcionava.
• Estamos cientes de que, à medida que mais recursos são adicionados, a extensão pode ficar mais lenta. Estamos trabalhando para melhorar o desempenho da extensão.

8 de abril de 2024

✨ ⚡ Novo recurso e melhorias

• Esta versão inclui um novo recurso: Pré-visualizações na Biblioteca de Componentes
• Agora você pode ver as visualizações dos componentes salvos na Biblioteca de Componentes.
• Você também pode acessar seu painel diretamente da extensão.
• Melhorou o desempenho da extensão

31 de março de 2024

💡 Novo recurso

• Esta versão inclui um novo recurso: Biblioteca de Componentes
• Agora você pode salvar os elementos copiados na Biblioteca de Componentes. Isso permitirá que você acesse seus componentes salvos a qualquer momento.
• Você também pode compartilhar seus componentes com outras pessoas compartilhando o link do Studio.
• Você também pode exportar seus componentes para o DivMagic Studio diretamente da Biblioteca de Componentes.

15 de março de 2024

💡 🚀 Novos recursos e melhorias

• Esta versão inclui três novos recursos: Nova ferramenta para Toolbox, novas opções de cópia e preenchimento automático para modo editor
• Ferramenta Thrash para caixa de ferramentas
• A ferramenta Thras permitirá ocultar ou excluir elementos do site.
• Novas opções de cópia
• Agora você pode copiar HTML e CSS separadamente.
• Você também pode obter código HTML e CSS copiado com os atributos, classes e IDs HTML originais.
• Preenchimento automático para modo editor
• O preenchimento automático irá sugerir as propriedades e valores CSS mais comuns conforme você digita.
• Adicionada uma opção para exportar código para o DivMagic Studio diretamente das opções de cópia
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Melhor capacidade de resposta do estilo copiado

2 de março de 2024

🆕 📈 🚢 Novo recurso

• Adicionada uma nova ferramenta à caixa de ferramentas: Seletor de cores
• Agora você pode copiar cores de qualquer site e usá-las diretamente em seus projetos
• Por enquanto, isso está disponível apenas na extensão do Chrome. Estamos trabalhando para adicionar esse recurso também à extensão do Firefox.

26 de fevereiro de 2024

📈 🔧 Melhorias e correções de bugs

• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Melhor capacidade de resposta do estilo copiado
• Corrigido um bug onde alguns estilos CSS não eram copiados corretamente
• Corrigido um bug onde o estilo copiado não respondia se o elemento fosse copiado de um iframe
• Obrigado a todos vocês que estão relatando bugs e problemas! Estamos trabalhando para corrigi-los o mais rápido possível.

24 de fevereiro de 2024

💡 Novos recursos e melhorias

• Esta versão inclui vários novos recursos: Caixa de ferramentas, Editor ao vivo, Página de opções, Menu de contexto
• A caixa de ferramentas incluirá todas as ferramentas necessárias para o desenvolvimento web em um só lugar. Cópia de fontes, seletor de cores, visualizador de grade, depurador e muito mais.
• O Live Editor permitirá que você edite o elemento copiado diretamente no navegador. Você pode fazer alterações no elemento e ver as alterações ao vivo.
• A página de opções permitirá que você personalize as configurações da extensão. Você pode alterar as configurações padrão e definir suas preferências.
• O menu de contexto permitirá que você acesse o DivMagic diretamente do menu do botão direito. Você pode copiar elementos ou iniciar a caixa de ferramentas diretamente do menu de contexto.
• Caixa de ferramentas
• A caixa de ferramentas inclui modo de inspeção, cópia de fontes e visualizador de grade. Adicionaremos mais ferramentas à caixa de ferramentas no futuro.
• Editor ao vivo
• O Live Editor permitirá que você edite o elemento copiado diretamente no navegador. Você pode fazer alterações no elemento e ver as alterações ao vivo. Isso tornará mais fácil fazer alterações no elemento copiado.
• Página de opções
• A página de opções permitirá que você personalize as configurações da extensão. Você pode alterar as configurações padrão e definir suas preferências.
• Menu contextual
• O menu de contexto permitirá que você acesse o DivMagic diretamente do menu do botão direito. No momento ele tem duas opções: Copiar Elemento e Iniciar Caixa de Ferramentas.

20 de dezembro de 2023

✨ ⚡ ⚙️ Novos recursos e melhorias e correções de bugs

• Esta versão inclui um painel de controle atualizado para o Modo Cópia
• Agora você pode escolher o intervalo de detalhes que deseja copiar ao copiar um elemento.
• Adicionaremos mais opções ao Modo de cópia para lhe dar mais controle sobre o elemento copiado.
• Velocidade de conversão melhorada
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Melhor capacidade de resposta do estilo copiado
• Corrigido um bug onde atributos CSS desnecessários eram incluídos na saída
• Corrigido um bug onde o painel DivMagic não estava visível em alguns sites
• Obrigado a todos vocês que estão relatando bugs e problemas! Estamos trabalhando para corrigi-los o mais rápido possível.

2 de dezembro de 2023

✨ 📈 🔧 Melhorias e correções de bugs

• Esta versão inclui melhorias na capacidade de resposta do estilo copiado.
• Também fizemos melhorias no código de otimização de estilo para reduzir o tamanho da saída.
• Conversão de fluxo da Web aprimorada
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Melhor capacidade de resposta do estilo copiado
• Corrigido um bug onde atributos CSS desnecessários eram incluídos na saída
• Obrigado a todos vocês que estão relatando bugs e problemas! Estamos trabalhando para corrigi-los o mais rápido possível.

15 de novembro de 2023

💡 📈 ⚙️ Novos recursos e melhorias e correções de bugs

• Esta versão inclui um novo recurso: Exportar para DivMagic Studio
• Agora você pode exportar o elemento copiado para o DivMagic Studio. Isso permitirá que você edite o elemento e faça alterações nele no DivMagic Studio.
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Melhor capacidade de resposta do estilo copiado
• Corrigido um bug onde atributos CSS desnecessários eram incluídos na saída

4 de novembro de 2023

💡 ⚡ ⚙️ Novos recursos e melhorias e correções de bugs

• Esta versão inclui um novo recurso: Auto Hide Popup
• Quando você ativa Ocultar automaticamente pop-up nas configurações de pop-up, o pop-up de extensão desaparecerá automaticamente quando você afastar o mouse do pop-up.
• Isso tornará mais rápido copiar os elementos porque você não precisará fechar o pop-up clicando manualmente.
• Esta versão também inclui alterações na localização das configurações. Os formatos de componentes e estilos foram movidos para o controlador de cópia.
• Também removemos a opção Detectar cor de fundo. Ele está habilitado por padrão agora.
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Melhor capacidade de resposta do estilo copiado
• Integração DevTools aprimorada para lidar com várias guias abertas
• Corrigido um bug onde as opções não eram salvas corretamente

20 de outubro de 2023

✨ 🚀 ⚙️ Novos recursos e melhorias e correções de bugs

• Esta versão inclui um novo recurso: Media Query CSS
• Agora você pode copiar a consulta de mídia do elemento que está copiando. Isso tornará o estilo copiado responsivo.
• Para obter informações detalhadas, consulte a documentação em Media Query CSS
• Esta versão também inclui uma nova alteração. O botão Copiar página inteira foi removido. Você ainda pode copiar páginas inteiras selecionando o elemento body.
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Foram feitas melhorias na cópia de estilo para remover estilos desnecessários
• Integração DevTools aprimorada para copiar estilos mais rapidamente
• Corrigidos bugs relacionados à cópia absoluta e relativa de elementos

12 de outubro de 2023

💡 🚀 🔧 Novos recursos e melhorias e correções de bugs

• Esta versão inclui dois novos recursos: Modo de cópia e seleção de elemento pai/filho
• O Modo de cópia permitirá que você ajuste a gama de detalhes obtida ao copiar um elemento.
• Consulte a documentação para obter mais informações sobre o modo de cópia.
• A seleção do elemento pai/filho permitirá alternar entre os elementos pai e filho do elemento que você está copiando.
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Cobertura aprimorada de classes CSS do Tailwind
• Melhor capacidade de resposta do estilo copiado
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Corrigido um bug no cálculo da posição do elemento
• Corrigido um bug no cálculo do tamanho do elemento

20 de setembro de 2023

🆕 ⚡ ⚙️ 🚢 Novos recursos e correções de bugs

• DivMagic DevTools foi lançado! Agora você pode usar o DivMagic diretamente do DevTools sem iniciar a extensão.
• Você pode copiar elementos diretamente do DevTools.
• Selecione um elemento inspecionando-o e vá ao painel DivMagic DevTools, clique em Copiar e o elemento será copiado.
• Para obter mais informações, consulte a documentação sobre DivMagic DevTools.
• Atualização de permissões
• Com a adição de DevTools, atualizamos as permissões de extensão. Isso permite que a extensão adicione o painel DevTools perfeitamente em todos os sites que você visita e em várias guias.
• Observação
• Ao atualizar para esta versão, o Chrome e o Firefox exibirão um aviso informando que a extensão pode ‘ler e alterar todos os seus dados nos sites que você visita’. Embora o texto seja alarmante, garantimos que:
• Acesso mínimo aos dados: acessamos apenas o mínimo de dados necessários para fornecer a você o serviço DivMagic.
• Segurança de dados: Todos os dados acessados ​​pela extensão permanecem em sua máquina local e não são enviados para nenhum servidor externo. Os elementos que você copia são gerados no seu dispositivo e não são enviados para nenhum servidor.
• Privacidade em primeiro lugar: estamos comprometidos em proteger sua privacidade e segurança. Para mais detalhes, você pode consultar nossa Política de Privacidade.
• Agradecemos sua compreensão e confiança. Se você tiver alguma dúvida ou dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte.
• Corrigido um bug onde as configurações de conversão não eram salvas

31 de julho de 2023

🚀 🐛 Melhorias e correções de bugs

• Cópia de layout de grade aprimorada
• Cobertura aprimorada de classes CSS do Tailwind
• Melhorou a capacidade de resposta do estilo copiado
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Corrigido um bug na cópia absoluta de elementos
• Corrigido um bug na cópia do desfoque de fundo

20 de julho de 2023

📈 🔧 Melhorias e correções de bugs

• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Corrigido um bug na detecção de fundo

18 de julho de 2023

⚡ ⚙️ Novos recursos, melhorias e correções de bugs

• Agora você pode detectar o plano de fundo do elemento que está copiando com o novo recurso Detectar plano de fundo.
• Este recurso detectará o plano de fundo do elemento por meio do pai. Especialmente em fundos escuros, será muito útil.
• Para obter informações detalhadas, consulte a documentação sobre Detectar plano de fundo
• Melhor capacidade de resposta dos componentes copiados
• Elementos SVG atualizados para usar 'currentColor' quando possível para torná-los mais fáceis de personalizar
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS
• Corrigido um bug no cálculo de altura e largura

12 de julho de 2023

⚡ Novos recursos e melhorias

• Agora você pode copiar páginas inteiras com o novo recurso Copiar página inteira.
• Ele copiará a página inteira com todos os estilos e a converterá para o formato de sua escolha.
• Para obter informações detalhadas, consulte a documentação.
• Melhor capacidade de resposta dos componentes copiados
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS

3 de julho de 2023

⚡ 🐛 Melhorias e correções de bugs

• Cópia de estilo iframe aprimorada
• Conversão de borda aprimorada
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Corrigido um bug na conversão JSX
• Corrigido um bug no cálculo do raio da borda

25 de junho de 2023

🚀 ⚙️ Melhorias e correções de bugs

• Conversão de borda aprimorada
• Lógica de tamanho de fonte atualizada
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Corrigido um bug no preenchimento e conversão de margem

12 de junho de 2023

🚀 🔧 Melhorias e correções de bugs

• Código de otimização de estilo aprimorado para reduzir o tamanho da saída
• Conversão de lista aprimorada
• Conversão de tabela aprimorada
• Corrigido um bug na conversão da grade

6 de junho de 2023

🚀 Novos recursos e melhorias

• Agora você pode converter o copiado para CSS. Este é um recurso muito solicitado e estamos entusiasmados em lançá-lo!
• Isso permitirá que você trabalhe em seus projetos com facilidade.
• Para diferenças entre os formatos de estilo, consulte a documentação
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS do Tailwind
• Conversão de lista aprimorada
• Conversão de grade aprimorada

27 de maio de 2023

⚡ ⚙️ Melhorias e correções de bugs

• Adicionado um atalho de teclado para copiar o código CSS do Tailwind. Você pode pressionar 'D' para copiar o elemento.
• Conversão SVG aprimorada
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS do Tailwind
• Corrigido um bug na conversão JSX onde a saída incluiria string incorreta
• Obrigado a todos vocês que estão relatando bugs e problemas! Estamos trabalhando para corrigi-los o mais rápido possível.

18 de maio de 2023

⚡ Novos recursos e melhorias

• Agora você pode converter o HTML copiado em JSX! Este é um recurso muito solicitado e estamos entusiasmados em lançá-lo.
• Isso permitirá que você trabalhe em seus projetos NextJS ou React com facilidade.
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS do Tailwind

14 de maio de 2023

🚀 🦊 Lançamento do Firefox

• DivMagic foi lançado no Firefox! Agora você pode usar o DivMagic no Firefox e no Chrome.
• Você pode baixar o DivMagic para Firefox aqui:

12 de maio de 2023

⚡ 🔧 Melhorias

• DivMagic foi instalado mais de 100 vezes nos últimos 2 dias! Obrigado pelo interesse e todos os comentários.
• Estamos lançando uma nova versão com melhorias e correções de bugs.
• Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS do Tailwind
• Conversão SVG aprimorada
• Melhor suporte de fronteira
• Adicionado suporte para imagem de fundo
• Adicionado um aviso sobre iFrames (atualmente o DivMagic não funciona em iFrames)
• Corrigido um bug onde as cores de fundo não eram aplicadas

9 de maio de 2023

📈 Lançamento DivMagic!

• Acabamos de lançar o DivMagic! A versão inicial do DivMagic já está disponível e pronta para você usar. Estamos ansiosos para ver o que você pensa!
• Copie e converta qualquer elemento para Tailwind CSS
• As cores são convertidas em cores CSS do Tailwind