Voltar para updates
10 de abril de 2026

CSS personalizado por página, reordenar páginas e 9 melhorias no editor

CSS personalizado por página

Agora você pode adicionar CSS customizado página por página. Uma nova aba "CSS" aparece no editor, com um editor de código profissional (o mesmo usado pelo VS Code) e syntax highlighting. O CSS é aplicado em tempo real no preview e incluído automaticamente quando você publica. Pra estilizar elementos específicos, use o HTML ID que cada elemento tem no painel de ajustes.

Reordenar páginas do projeto

Agora você pode arrastar e soltar as páginas na lista lateral do editor pra mudar a ordem. A nova ordem fica salva automaticamente.

Novo ajuste Display: Flex e None

Um novo controle de Display apareceu logo acima de Position no painel de ajustes. Você pode deixar elementos como flex ou escondê-los com none, de forma simples e direta.

Variáveis de cor em Border e Box Shadow

Ao configurar a cor da borda ou da sombra de um elemento, você agora pode escolher variáveis de cor do seu projeto, igual já funcionava pra cor de texto e fundo. Mantém tudo consistente automaticamente.

Reordenar variáveis

As variáveis de cor, fonte e gradiente agora também podem ser reorganizadas com arrastar e soltar, igual às camadas.

Nomes longos nas camadas visíveis por completo

Se o nome de uma camada era grande demais, ele ficava cortado. Agora dá pra ver o nome inteiro com scroll horizontal no item.

Visualização mobile/desktop fica mantida

Ao navegar entre abas do editor (Camadas, Páginas, Variáveis, etc), a plataforma não volta mais pra visualização Desktop sozinha. Ela mantém a visualização Mobile se você estava nela.

Validação automática de slug

Slugs das páginas (a parte final da URL) agora são formatados automaticamente conforme você digita: viram minúsculos, aceitam só letras, números e hífen. Nada de erro na publicação por ter um caractere inválido.

Botão X no background limpa a imagem

O botão X que aparece quando você tem uma imagem de fundo agora funciona corretamente — remove a imagem de verdade.

Limites de duplicação atualizados

Os limites de duplicação de projetos foram ajustados pra bater com os limites dos planos: 3 no Start, 15 no Pro e 100 no Max.

Atalhos de teclado nas camadas

No painel lateral de camadas, você pode usar os atalhos direto:

  • Cmd+D → duplicar elemento
  • Cmd+C / Cmd+V → copiar e colar elemento
  • Shift+Cmd+C / Shift+Cmd+V → copiar e colar estilo