Webflow Conf 2026: todas as novidades que estão mudando a forma de construir sites

A Webflow acaba de anunciar uma nova geração de ferramentas para quem constrói na plataforma — e algumas delas podem mudar bastante a forma como trabalhamos com sites, CMS, componentes e IA.

Se você acompanha o Webflow de perto, provavelmente já percebeu que a plataforma deixou de ser apenas uma ferramenta para criar sites visualmente.

Nos últimos anos, o Webflow vem construindo uma camada cada vez mais completa para design, desenvolvimento, conteúdo, performance, localização, marketing e, agora, agentes de IA.

No Webflow Conf 2026, isso ficou ainda mais evidente.

Além do anúncio do Source, uma nova plataforma pensada para conectar código, stack de marketing, desenvolvimento visual e agentes, a Webflow apresentou uma série de melhorias mais próximas do dia a dia de quem realmente coloca a mão no canvas.

E, para nós do Studio Colab, talvez essa seja uma das partes mais interessantes do evento.

Porque enquanto o Source aponta para onde a Webflow quer chegar, essas novas funcionalidades mostram como o trabalho de construir sites está mudando agora.

A própria Webflow afirma que lançou 151 melhorias desde o Webflow Conf 2025, grande parte delas originadas de feedback da comunidade.

Neste artigo, vamos explorar as principais.

‍

1. IA deixa de ser apenas prompt e passa a fazer parte do canvas

‍

Uma das mudanças mais interessantes é a possibilidade de editar visualmente os AI Code Components.

Até agora, o fluxo era relativamente simples:

Você descrevia o que queria → a IA gerava o componente → você ajustava através de novos prompts.

Agora o fluxo fica muito mais próximo do jeito tradicional de trabalhar no Webflow.

Você pode gerar um componente através do AI Assistant e depois entrar nele, selecionar elementos, alterar espaçamento, editar textos e ajustar estilos diretamente pelo canvas.

Ou seja: a IA pode cuidar da primeira versão da funcionalidade, mas o builder continua tendo controle visual sobre o resultado.

E isso é importante por quê?

Porque existe uma diferença enorme entre:

“A IA consegue criar código.”

e

“A IA consegue criar algo que eu consigo continuar projetando e mantendo visualmente.”

A segunda opção é muito mais interessante para equipes de design e marketing.

Imagine, por exemplo, que você precise de:

• uma calculadora de ROI;
• um simulador de financiamento;
• um comparador de produtos;
• um componente interativo;
• uma experiência que exige JavaScript personalizado.

Em vez de necessariamente abrir uma tarefa para desenvolvimento, o AI Assistant pode criar o componente e, depois, o designer consegue refiná-lo visualmente.

Isso aproxima ainda mais design e desenvolvimento.

E talvez esse seja um dos grandes temas de todo o Webflow Conf 2026:

A IA não precisa substituir o builder. Ela pode aumentar a capacidade dele.

‍

2. Componentes finalmente entram no CMS

‍

Essa é, provavelmente, uma das atualizações com maior impacto prático para equipes que trabalham com sites estruturados em escala.

Até agora, componentes e CMS tinham algumas limitações importantes de integração.

Agora, componentes podem ser utilizados diretamente dentro de itens do CMS e configurados através de props.

Na prática, isso abre uma série de possibilidades.

Imagine que você tenha um blog com centenas de artigos.

Em determinado ponto do conteúdo, você quer inserir um bloco de:

“Conheça nosso produto”

com:

• imagem;
• título;
• descrição;
• CTA;
• preço;
• variante visual.

Em vez de criar cada bloco manualmente, você pode transformar isso em um componente reutilizável.

E cada item do CMS pode configurar suas propriedades.

O verdadeiro ganho está na escala

Imagine que amanhã o time de design decida mudar o componente.

Você não precisa editar 300 páginas.

Você altera o componente.

E as instâncias acompanham essa mudança.

Isso é especialmente interessante para agências e equipes que entregam sites para times de marketing.

A Webflow dá inclusive o exemplo de um componente de depoimento que pode ser entregue ao time de marketing para que ele altere nome, foto e conteúdo através das propriedades, sem precisar reconstruir o componente.

Para o Studio Colab, esse é um ponto enorme.

Porque uma boa entrega não deveria terminar quando o site entra no ar.

Ela deveria criar uma estrutura que permita ao cliente crescer sem quebrar o sistema.

‍

3. Breakpoint Canvas: finalmente enxergar o site inteiro

‍

Quem trabalha diariamente com Webflow conhece esse problema.

Você altera alguma coisa no desktop.

Depois precisa conferir tablet.

Depois mobile.

Depois outro breakpoint.

E, dependendo da complexidade do projeto, começa aquele clássico:

“Onde foi parar esse override?”

O novo Breakpoint Canvas tenta resolver justamente esse problema.

A proposta é visualizar diferentes breakpoints lado a lado no mesmo canvas:

Desktop → Tablet → Mobile → Mobile menor

Assim, você consegue observar imediatamente como uma alteração se propaga entre os diferentes tamanhos de tela.

Parece uma mudança pequena.

Não é.

Responsive design é um dos pontos que mais exige contexto mental de quem constrói interfaces.

Você não está desenhando uma página.

Está desenhando um sistema que precisa existir em diferentes condições.

Por isso, colocar essas condições no mesmo campo de visão reduz:

• troca de contexto;
• erros de responsividade;
• overrides desnecessários;
• tempo de revisão;
• problemas que só aparecem depois da publicação.

E existe outro detalhe interessante:

isso também facilita revisar mudanças feitas por outras pessoas — ou por agentes de IA.

‍

4. Popovers: menos JavaScript, mais web nativa

‍

Outra novidade que pode parecer pequena, mas aponta para uma direção técnica importante, são os Popovers nativos.

A Webflow está trazendo suporte para padrões como:

• modais;
• tooltips;
• banners;
• menus;
• outros elementos flutuantes.

Tudo isso utilizando recursos modernos da própria plataforma web, como anchor positioning e top-layer, em vez de depender de soluções JavaScript personalizadas para cada caso.

E isso importa por dois motivos:

Performance

Quanto menos código desnecessário precisamos carregar para resolver comportamentos comuns, melhor.

Acessibilidade

Usar primitivas nativas da web também permite construir experiências mais consistentes e acessíveis.

Mas existe ainda uma terceira consequência que talvez seja a mais interessante:

IA

Componentes baseados em padrões nativos são mais fáceis para agentes entenderem, modificarem e reutilizarem.

A Webflow já sinalizou que pretende expandir essa abordagem para outros padrões recorrentes, como:

• sliders;
• tabs;
• accordions;
• entre outros.

Isso significa que o futuro pode ser menos sobre criar cada interação do zero e mais sobre compor experiências usando primitivas bem definidas.

‍

5. Design Systems ficam ainda mais importantes

‍

Outra funcionalidade que merece atenção são os Default Components for Slots.

Parece um detalhe de organização.

Na prática, é uma evolução importante para quem trabalha com Design Systems.

Imagine um componente com um slot reservado.

Hoje, esse slot pode começar vazio.

Isso significa que alguém precisa decidir manualmente o que colocar ali.

Com os componentes padrão para slots, você pode definir previamente qual componente deve aparecer naquele espaço.

Isso se conecta a outras funcionalidades que a Webflow já lançou, como:

• controle de visibilidade de componentes;
• restrições de slots;
• bibliotecas de componentes.

O resultado é uma espécie de sistema de governança visual.

Você deixa de simplesmente oferecer componentes.

Você passa a definir:

quais componentes podem ser usados, onde podem ser usados e como devem começar.

Isso é muito importante em projetos Enterprise.

Quanto maior a equipe, maior a necessidade de criar guardrails.

E isso se torna ainda mais importante quando agentes de IA começam a participar da construção.

A Webflow destaca que essas regras também podem ser aplicadas quando equipes trabalham através do MCP, ou seja, de forma agentic.

‍

6. Agentic Translation: localização começa a virar infraestrutura

‍

Para empresas globais, localização sempre foi um processo complexo.

Não basta traduzir palavras.

É preciso manter:

• estrutura;
• componentes;
• conteúdo;
• tom;
• contexto;
• SEO;
• experiências específicas de cada mercado.

A Webflow já vinha evoluindo o Localize nessa direção.

Agora, a próxima etapa é o Agentic Translation.

A proposta é que alterações de conteúdo sejam automaticamente refletidas nas diferentes versões linguísticas do site, reduzindo drasticamente o trabalho manual necessário para manter os idiomas sincronizados.

Imagine publicar uma atualização no site principal.

Em vez de alguém precisar identificar todas as mudanças, copiar textos, traduzir, revisar e atualizar cada idioma manualmente, o sistema pode cuidar dessa primeira camada automaticamente.

E aqui existe um ponto importante:

automação não significa necessariamente abrir mão do controle.

A própria Webflow posiciona as traduções geradas como uma primeira camada que pode ser revisada e refinada pelas equipes.

Para empresas que operam em múltiplos mercados, isso pode diminuir bastante o tempo necessário para lançar e manter novas experiências.

‍

7. Style Props: componentes com liberdade controlada

Outra funcionalidade que vem mais adiante são os Style Props.

A ideia é simples:

um componente pode permitir que determinadas propriedades visuais sejam alteradas sem abrir todo o componente.

Por exemplo:

Cor: permitido
Tamanho: permitido
Estrutura: bloqueada

Isso parece simples, mas é uma peça importante para Design Systems.

Porque existe sempre uma tensão entre:

consistência

e

flexibilidade.

Se você trava tudo, o sistema fica rígido.

Se você libera tudo, rapidamente deixa de existir um sistema.

Style Props ajudam a criar esse meio-termo.

Liberdade dentro de limites.

É exatamente esse tipo de lógica que permite que times de marketing tenham autonomia sem comprometer a estrutura criada pelo time de design.

‍

8. E tem uma atualização que ninguém deveria ignorar: performance

Entre todas as novidades mais chamativas, existe uma que talvez seja menos “sexy”, mas é extremamente importante:

performance.

Segundo a Webflow, algumas operações no Designer ficaram significativamente mais rápidas.

Entre os números divulgados:

• copiar elementos grandes: até 98% mais rápido;
• colar: 7,7× mais rápido;
• renderização de sites publicados: até 43% mais rápida;
• publicação: até 80% mais rápida.

E isso conversa diretamente com algo que defendemos no Studio Colab:

Velocidade não é apenas uma métrica técnica. É uma parte da experiência de trabalhar e crescer com um site.

Um site mais rápido para publicar significa ciclos menores.

Um Designer mais responsivo significa menos fricção.

Uma estrutura melhor significa menos tempo corrigindo problemas.

No final, tudo isso vira velocidade de negócio.

‍

9. O que tudo isso diz sobre o futuro do Webflow?

Se olharmos cada lançamento isoladamente, podemos enxergar apenas uma lista de funcionalidades.

Mas olhando para o conjunto, aparece um padrão muito claro.

A Webflow está construindo uma plataforma em que humanos e agentes trabalham sobre a mesma infraestrutura visual, estrutural e de conteúdo.

Isso muda bastante a definição de “builder”.

O builder tradicional era:

Designer + Developer

Depois passou a incluir:

Designer + Developer + Marketer

Agora começa a incluir:

Designer + Developer + Marketer + Agent

E isso muda a pergunta.

Não é mais:

“A IA vai substituir quem constrói sites?”

Talvez a pergunta mais interessante seja:

“Como construímos sistemas que permitem que humanos e agentes construam melhor juntos?”

É exatamente por isso que componentes, slots, Design Systems, CMS estruturado, props, MCP e padrões nativos começam a ganhar tanta importância.

‍

10. E onde entra o Source?

O Builder Keynote aconteceu praticamente em paralelo ao anúncio do Source by Webflow.

E é impossível analisar um sem olhar para o outro.

O Source representa uma visão mais ampla:

um ambiente em que código, CMS, infraestrutura, marketing stack, desenvolvimento visual e agentes possam trabalhar juntos.

Enquanto essas novas ferramentas melhoram o trabalho dentro do Webflow, o Source aponta para uma plataforma mais abrangente para o futuro da web.

Ainda estamos no começo.

O Source está em limited research preview, então não seria correto tratá-lo como uma solução pronta para substituir todas as arquiteturas existentes.

Mas a direção é bastante clara.

A Webflow quer que o site deixe de ser apenas um projeto que alguém “constrói” e passe a ser uma infraestrutura que times e agentes conseguem operar continuamente.

‍

O que isso significa para empresas?

Para empresas menores, algumas dessas funcionalidades significam simplesmente mais velocidade.

Para empresas maiores, o impacto pode ser muito mais profundo.

Estamos falando de:

Mais autonomia para marketing

Times podem fazer mais mudanças sem depender de desenvolvimento para cada pequena alteração.

Mais governança

Design Systems, slots, props e componentes ajudam a preservar consistência.

Mais velocidade

Do primeiro layout à publicação, existem menos pontos de fricção.

Mais escala

Componentes + CMS permitem transformar padrões em sistemas reutilizáveis.

Mais automação

Agentes podem participar de tarefas que antes exigiam trabalho manual.

Mais controle

A IA não precisa necessariamente operar em uma caixa-preta. Ela pode trabalhar dentro das regras e estruturas definidas pela equipe.

‍

Nossa leitura no Studio Colab

Para nós, talvez a parte mais interessante desse anúncio não seja uma funcionalidade específica.

É a convergência.

Durante muito tempo, design, desenvolvimento, conteúdo, marketing e tecnologia viveram em ferramentas diferentes.

Agora estamos vendo essas fronteiras ficarem cada vez mais próximas.

E isso reforça algo que acreditamos há bastante tempo:

um bom site não é apenas uma interface bonita.

Ele precisa ser:

• rápido;
• escalável;
• seguro;
• fácil de manter;
• conectado ao negócio;
• preparado para crescimento;
• e, cada vez mais, preparado para trabalhar com agentes.

No Studio Colab, sempre priorizamos go-to-market, crescimento com estrutura, segurança e, mais do que nunca, velocidade.

Por isso, esse movimento da Webflow nos deixa especialmente empolgados.

Não porque a IA vai tornar tudo automático.

Mas porque estamos começando a chegar em um ponto em que design, código, conteúdo e agentes podem finalmente trabalhar sobre a mesma estrutura.

E talvez seja exatamente aí que esteja o futuro das experiências digitais.

Não em escolher entre humanos ou IA.

Mas em construir sistemas onde os dois consigam fazer mais — juntos.

‍

O Webflow está mudando. E o jeito de construir sites também.

O Webflow Conf 2026 trouxe dezenas de novidades, mas a mensagem por trás delas parece bastante consistente:

menos fricção, mais estrutura e muito mais capacidade de construir.

Componentes entram no CMS.

A IA ganha controle visual.

Breakpoints ficam mais fáceis de gerenciar.

Padrões nativos substituem soluções improvisadas.

Traduções começam a ser automatizadas.

Design Systems ganham novas camadas de governança.

E agentes passam a fazer parte cada vez mais natural do processo.

Para quem trabalha com Webflow, esse é um ótimo momento para olhar além das novas features.

É hora de começar a pensar em como nossos sites, Design Systems e processos precisam ser estruturados para esse novo cenário.

Porque a próxima geração de sites provavelmente não será construída apenas por designers ou desenvolvedores.

Será construída por sistemas, pessoas e agentes trabalhando juntos.

E nós estamos só começando.

‍