Histórico

Inicie sessão para ver o histórico.

HtmlDrag

Arrastar e soltar de forma livre com verdadeira edição WYSIWYG
Arraste qualquer página gerada por IA ou existente para o HtmlDrag e finalize os ajustes finais diretamente na tela

Importar URL

Transforme qualquer página web num projeto editável instantaneamente. Basta inserir o link.

Carregar HTML

Importe os seus ficheiros HTML e edite visualmente. Sem código.

Colar Código

Cole código HTML e transforme-o num design visual imediatamente.

Gerador IA

Descreva a sua visão e deixe a IA criar uma página completa e editável.

Scroll
1 Importar e começar

Comece a partir de qualquer fonte

Comece por capturar ou importar uma página de um URL, carregar ficheiros HTML locais para corrigir modelos, ou gerar layouts com IA. Todos os caminhos levam ao mesmo editor visual — sem medo da tela em branco.

2 Edição visual

Verdadeira liberdade de arrastar e largar, sem código

Esqueça as grelhas rígidas. Arraste texto, imagens e botões para qualquer lugar na tela. Experimente a verdadeira liberdade para reposicionar elementos e crie o seu design exatamente como o imagina.

3 Separador Editar

Edite HTML como um documento Word

Faça duplo clique para alterar texto, trocar imagens ou ajustar estilos. Uma barra de ferramentas intuitiva coloca todas as ferramentas essenciais ao seu alcance: fácil de começar, sem curva de aprendizagem acentuada.

4 Separador Componentes

Crie com componentes ricos

Não se limite a editar: crie. Insira botões, formas, contentores e tabelas complexas a partir do separador Componentes. Construa layouts ricos ou adicione tabelas profissionais aos seus modelos de e-mail em segundos.

5 Separador Camadas

Gestão profissional de camadas

Gira a complexidade com precisão. Use o painel de Camadas para bloquear fundos, ocultar elementos ou reordenar a árvore DOM. Controlo profundo semelhante ao Photoshop, desenhado para HTML.

6 Separador Coleções

Construa o seu sistema de design

Guarde cabeçalhos, rodapés ou blocos personalizados nas suas Coleções. Reutilize-os em diferentes projetos HTML para manter a consistência e acelerar significativamente o seu fluxo de trabalho.

7 Atalhos

Trabalhe à velocidade do pensamento

Use atalhos familiares como Ctrl+C/V, seleção múltipla e desfazer/refazer. Clique com o botão direito para substituir imagens instantaneamente ou gerir atributos. A eficiência encontra a liberdade.

8 Editor de código

Acesso ao código quando necessário

Mude para o editor de código integrado para ajustar HTML em bruto, classes CSS ou colar snippets personalizados. Controlo total para quando precisa de ir além da edição visual.

9 Partilhar

Link partilhável instantâneo

Partilhe um link instantaneamente: sem configuração de servidor ou implementação necessária. Seja para aprovação do cliente, feedback da equipa ou apenas para mostrar o seu trabalho, o seu HTML fica online em segundos.

10 Transferir

Transferir Imagem ou HTML

Exporte à sua maneira. Transfira imagens de alta qualidade gratuitamente, ou obtenha o código HTML limpo e pronto para produção. Os ficheiros exportados são totalmente compatíveis e reeditáveis, mesmo para modelos de e-mail complexos.

Who is HtmlDrag for?

People who already have HTML pages but do not want to touch front-end code.

Indie dev / SaaS founder

Start from templates or AI HTML, then refine copy and layout

Import exported or AI-generated landing pages, adjust sections, headlines and CTAs visually before you ship. Even if the HTML came from an AI coding tool and you do not understand front-end code, you can still finish the last 10% here.

Marketer / crescimento

Copie e adapte páginas de campanha para testes A/B

Modifique rapidamente layouts, ofertas e mensagens em HTML existente para lançar mais experimentos sem esperar pelos desenvolvedores. Também ideal para refinar templates de email marketing (exportações Stripo, emails HTML compatíveis com Outlook), faturas eletrónicas, relatórios empresariais e outros documentos HTML.

Designer / creator

Control layout and visuals without writing CSS

Fine-tune spacing, typography and imagery visually on top of real HTML pages so your work looks like your design files. Also great for turning captured pages into personal creative or fan projects without touching CSS.

Not another all-in-one site builder

HtmlDrag sits beside your existing tools as a visual finisher for existing HTML, not a full hosting platform.

From-scratch builders (Webflow, Wix…)

All-in-one stacks for full websites

  • Pros: hosting, CMS, forms, analytics and integrations for complete sites.
  • Cons: complex to learn, opinionated structures, and no simple import for arbitrary HTML pages.
HtmlDrag

Fast visual finisher for existing HTML landing pages

  • Focuses on the last 10% of polish for HTML you already have instead of building full sites from scratch.
  • Import from URL, file upload or pasted code and edit visually on top of the real page structure.
  • Learn it in minutes — no hosting setup, DNS configuration or CMS modeling required.

Pronto para criar?

Arrastar e soltar de forma livre com verdadeira edição WYSIWYG

HtmlDrag

Editor HTML de arrastar e soltar para todos

© 2026 HtmlDrag. All rights reserved.