Esta é uma das maiores entregas do ano. A gente repensou três pilares do editor — reutilização de blocos, publicação e continuidade entre páginas — pra que projetos com várias páginas finalmente parecessem um único site, e não uma coleção de páginas isoladas.
Componentes globais: pare de duplicar trabalho
Até hoje, se você tinha um cabeçalho idêntico em 5 páginas e precisava trocar uma cor, era trabalho manual em cada uma. Agora não mais. Você cria um componente uma vez e ele vive em qualquer página do seu projeto. Quando você edita o componente em qualquer lugar, a mudança propaga instantaneamente para todas as outras páginas — header, footer, CTAs, cards de preço, qualquer coisa que se repita.
Tem uma nova aba Componentes no editor onde você cria do zero ou converte qualquer elemento existente em componente com um clique no botão Componentizar (no painel de propriedades). E não é só seções inteiras — qualquer container, botão ou bloco vira componente.
Quando você precisa que uma instância específica seja diferente das outras, basta clicar em Desvincular e ela se torna uma cópia local independente, sem afetar o componente original. Pra você não se perder, marcamos os elementos de componente em rosa nas Camadas e mostramos um aviso claro no painel sempre que você está editando algo que vai se propagar.
Por baixo dos panos, isso roda com cache em memória e debounce inteligente — você edita, vê a mudança instantânea no canvas, e a sincronização com o banco acontece de forma silenciosa em background. Sem lag, sem espera.
Publicação repensada do zero
A tela de Publicação ganhou uma reforma completa. Agora ela é uma lista interativa de páginas: você vê todas elas, marca quais quer publicar e dispara num clique só. O botão muda dinamicamente entre Publicar e Publicar alterações dependendo do estado de cada página, mostrando exatamente o que vai acontecer.
A URL ao vivo aparece direto no card de cada página assim que ela está online — você clica e vê o resultado, sem precisar navegar entre telas. Páginas publicadas mostram um badge "Online" pulsante; páginas pendentes mostram só o slug que vão receber.
Quando o projeto tem só uma página, a interface se simplifica automaticamente — sem checkboxes desnecessários, ação direta. Quando tem várias, o controle é total.
Download em lote como ZIP
Selecionou várias páginas? Os botões Baixar HTML e Baixar JSON agora empacotam tudo num arquivo .zip automaticamente — uma página por arquivo dentro do zip, com nomes baseados no slug de cada uma. Se for só uma página, o download continua individual como antes.
Copiar e colar elementos entre páginas
Uma das coisas mais pedidas. Agora você pode selecionar qualquer elemento numa página, dar Cmd+C (ou Ctrl+C), navegar pra outra página completamente diferente, e dar Cmd+V pra colar. O elemento mantém todo o estilo, conteúdo e estrutura.
O conteúdo copiado fica salvo no seu navegador, então funciona até mesmo depois de você fechar e reabrir o editor. Sem nada selecionado no destino, o elemento vira uma nova seção no fim da página. Selecionado um container, ele vai pra dentro. Selecionado um elemento, vira irmão logo após.
Edição contínua dentro de componentes
Editar um componente agora é igual a editar qualquer outra coisa. Clica em qualquer elemento dentro do componente, abre o painel, edita estilo, conteúdo, texto inline com duplo clique, deleta, adiciona elementos novos arrastando do painel — tudo funciona normalmente. Cada mudança é salva no componente automaticamente e propaga em todos os lugares onde ele aparece.
O painel mostra um aviso discreto em rosa pra você lembrar que está mexendo num componente, mas não te bloqueia em nada.
Outras melhorias do editor
O painel de propriedades de cada elemento ficou mais compacto pra caber Excluir, Duplicar e Componentizar lado a lado, com cores e ícones consistentes. Os modais de criar/componentizar foram alinhados ao padrão visual do resto da plataforma. As confirmações de exclusão (componentes, instâncias) agora seguem o mesmo padrão dos popups de página.
Acesso à extensão do Chrome
A área da extensão do Chrome agora é exclusiva para assinantes, alinhando com o tratamento da área de Clones. Usuários no plano gratuito veem uma tela explicativa de upgrade.
Esse update é base pra muita coisa que vem por aí. Componentes vão ser usados como peça central em templates compartilháveis, design systems do projeto e várias automações que estão no roadmap. Aproveite!