--- title: "Desenvolvimento em Webflow para times de marketing — Dardo" description: "Desenvolvimento em Webflow para times de marketing: design no Figma, sistema de classes documentado, CMS e Localize prontos para editores, e custos claros." url: "https://dardo.studio/pt/servicos/desenvolvimento-webflow/" language: "pt" translations: {"en":"https://dardo.studio/en/services/webflow-development/","es":"https://dardo.studio/es/servicios/desarrollo-webflow/"} updated: "2026-10-14" --- # Design e desenvolvimento em Webflow para times de marketing Desenvolvimento em Webflow é construir o site de marketing da sua empresa no Webflow para que quem escreve as páginas também possa publicá-las. A Dardo desenha o site no Figma e o constrói no Webflow com um sistema de classes documentado, Collections do CMS e componentes reutilizáveis, para que seu time adicione páginas sem quebrar o design. Explicamos os limites dos planos do Webflow e seus custos recorrentes antes de você se comprometer. Por Equipe editorial da Dardo · Atualizado em 14 de out. de 2026 · 9 min de leitura [Pedir uma proposta](https://dardo.studio/pt/contato/?service=webflow-development) · [Fale com a gente no WhatsApp](https://wa.me/573163373216?text=Oi%2C%20Dardo!%20Gostaria%20de%20receber%20uma%20proposta%20para%3A%20Design%20e%20desenvolvimento%20em%20Webflow%20para%20times%20de%20marketing) ## O que o nosso serviço de desenvolvimento em Webflow inclui Um projeto em Webflow com a Dardo cobre design, construção, carga de conteúdo e lançamento, e a proposta indica quais partes você já tem. Se você chega com layouts aprovados no Figma, começamos pela construção; se não, o design vem primeiro, como em qualquer projeto de [web design personalizado](https://dardo.studio/pt/servicos/web-design-personalizado/). - Layouts no Figma de cada template, feitos com componentes e variáveis que passam bem para o Webflow - Um sistema de nomes de classes e variáveis de cor, tipografia e espaçamento - Componentes com propriedades editáveis de texto, imagem e link que os editores montam em páginas novas - Collections do CMS para posts, cases, pessoas ou recursos, com templates e conteúdo importado - Interações no editor do Webflow baseado em GSAP, cada uma com uma versão para movimento reduzido - Formulários enviados para seu e-mail, para o HubSpot ou para outro CRM, testados antes do lançamento - Configurações de SEO, redirecionamentos 301, papéis de edição e um treinamento gravado ## Quando o Webflow é a plataforma certa? O Webflow serve quando um time de marketing publica toda semana, o site é feito principalmente de páginas, posts e landing pages, e ninguém quer um deploy de código para trocar um título. Os editores trabalham no canvas visual com um papel de conteúdo que os mantém fora do design, e o Webflow hospeda o site na CDN da Cloudflare. Ele não é a plataforma certa nestes casos, e avisamos antes de orçar: - Um produto com login, usuários e dados próprios pertence a um [aplicativo web](https://dardo.studio/pt/servicos/desenvolvimento-de-aplicativos-web/), com o site de marketing ao lado. - Mais de dez idiomas extras levam o Localize para planos com preço sob consulta; nosso serviço de [sites multilíngues](https://dardo.studio/pt/servicos/sites-multilingues/) compara as opções. - Um catálogo acima do limite de 20.000 itens de CMS do plano Premium costuma funcionar melhor com um [CMS headless](https://dardo.studio/pt/servicos/desenvolvimento-cms-headless/). - Um site que seus desenvolvedores alteram em código toda semana deve ficar no seu próprio repositório, construído com [Astro](https://dardo.studio/pt/servicos/desenvolvimento-astro/). Se você é um time pequeno com um site de lançamento cheio de movimento, compare também o [Framer](https://dardo.studio/pt/servicos/desenvolvimento-framer/). O Webflow Cloud agora hospeda aplicativos em Next.js, Astro e Vite ao lado de um site Webflow, com cotas de requisições e CPU por plano, o que atende uma ferramenta pequena, como uma calculadora. ## Como construímos um site em Webflow que seu time consegue continuar editando Três decisões, tomadas antes de montar qualquer página, fazem a vigésima página que seu time adicionar ficar tão cuidada quanto a primeira. **Um sistema de classes por escrito.** Cada estilo é um utilitário global ou pertence a um componente com nome, e as regras de nomenclatura vão na entrega. Sites em Webflow se deterioram quando cada seção nova acrescenta classes avulsas. **Componentes e Collections.** Seções que se repetem viram componentes com propriedades de texto, imagem e link. O papel de edição de conteúdo do Webflow permite que os editores alterem textos e itens do CMS sem acesso ao design, e o conteúdo recorrente, como posts, cases e pessoas, fica em Collections ligadas por campos de referência. **Primeiro o Figma, código onde ajuda.** Desenhamos com auto layout, componentes e variáveis, que o plugin Figma to Webflow consegue converter e sincronizar com o site. Quando os elementos nativos não bastam, como numa calculadora de preços, escrevemos um componente de código em React e o importamos com o DevLink, para que os editores o coloquem no canvas do mesmo jeito. Antes do lançamento, testamos o acesso por teclado e os rótulos para leitores de tela segundo a WCAG 2.2 (auditorias completas são o nosso serviço de [acessibilidade web](https://dardo.studio/pt/servicos/acessibilidade-web/)), rodamos o Lighthouse em cada template e enviamos cada formulário. O servidor MCP do Webflow permite que assistentes de IA como Claude, ChatGPT ou Cursor editem o site dentro dos papéis existentes; escrevemos instruções para agentes que também respeitem o sistema de classes. ## Quanto custa construir e manter um site em Webflow? Você paga duas contas: a tarifa de projeto da Dardo e as tarifas recorrentes do Webflow, pagas diretamente ao Webflow. Nossa tarifa acompanha o trabalho: templates e componentes exclusivos, Collections e o conteúdo a importar, idiomas, integrações como o HubSpot e se o design entra no escopo. Nossa [página de preços](https://dardo.studio/pt/precos/) mostra as faixas de orçamento em que trabalhamos. Estas são as tarifas do próprio Webflow, como sua página de preços as listava em outubro de 2026, com cobrança anual. A cobrança mensal custa mais: o Premium sai por USD 39 por mês em vez de 25. __Quanto custa construir e manter um site em Webflow?__ | Tarifa do Webflow | Preço, cobrança anual | O que cobre | | --------------------- | --------------------------------- | ------------------------------------------------------------------------------------- | | Plano de site Basic | USD 15 por mês | Domínio próprio e até 300 páginas estáticas, sem CMS | | Plano de site Premium | USD 25 por mês | O CMS com 20.000 itens e 40 Collections, 50 GB de banda | | Localize Essential | USD 9 por mês por idioma | Até 3 idiomas extras, 10.000 palavras traduzidas por IA por idioma ao mês | | Localize Advanced | USD 29 por mês por idioma | Até 10 idiomas extras, URLs localizadas, imagens por idioma, roteamento de visitantes | | Assento Limited | USD 15 por mês por pessoa | Editar conteúdo e montar páginas com componentes | | Assento Full | USD 39 por mês por pessoa | Desenhar páginas e gerenciar configurações | | Plano Team | USD 2.500 por mês, contrato anual | 5 assentos Full e 5 Limited, 2 idiomas, publicação de página única | Três limites pegam os times de surpresa mais tarde. O Premium inclui 50 GB de banda por mês, e passar disso dois meses seguidos aciona um upgrade automático do plano. Nos planos de site, publicar envia todas as alterações salvas para o site inteiro, inclusive edições pela metade; a publicação de página única e os fluxos por etapas começam no plano Team. E a API do CMS permite 120 requisições por minuto no Premium, o que dita o ritmo de importações grandes. ## Localização no Webflow: o que o complemento Localize cobre O Webflow Localize serve cada idioma a partir de um subdiretório como /es/, com títulos e descrições traduzidos, tags hreflang em cada página e no sitemap, e estilos, textos alternativos e conteúdo de CMS por idioma, tudo editado no mesmo canvas. Ele é cobrado por idioma, além do plano do site. O nível importa. O Essential cobre até três idiomas extras; o Advanced acrescenta URLs localizadas, imagens por idioma e roteamento automático de visitantes para até dez. Acima de dez, o time de vendas do Webflow define o preço. A tradução por IA é um primeiro rascunho. Nós escrevemos e revisamos o espanhol de forma nativa e combinamos um revisor nomeado para cada outro idioma. ## Quem é dono do site, e dá para sair do Webflow depois? O site é seu: fica no Workspace do Webflow da sua empresa, na sua cobrança, e a Dardo entra como time convidado de agência. Domínio, DNS, destinos de formulários e analytics ficam nas suas contas. A dependência da plataforma é real, então coloque isso na conta. As páginas do CMS só são exibidas na hospedagem do Webflow. A exportação de código exige um plano de Workspace pago, deixa o conteúdo do CMS para ser exportado uma Collection por vez, faz os formulários pararem de funcionar, e o código exportado não pode ser importado de volta. Nosso guia para [migrar do Webflow para o Astro](https://dardo.studio/pt/blog/migrar-de-webflow-para-astro/) explica o que uma saída envolve; um projeto de [migração de site](https://dardo.studio/pt/servicos/migracao-de-site/) faz essa mudança, ou a entrada no Webflow, com cada URL alterada redirecionada. ## Dúvidas antes de escolher **O Webflow é bom para SEO?** O Webflow cobre os controles técnicos de que a busca precisa: títulos e descrições por página ou gerados a partir de campos do CMS, tags canônicas, sitemap automático, redirecionamentos 301, marcação de dados estruturados e arquivos robots.txt e llms.txt, servidos pela CDN da Cloudflare. Isso deixa o site fácil de rastrear. O ranqueamento continua dependendo de conteúdo, concorrência e links, que o nosso serviço de SEO planeja. **Quantas pessoas podem editar um site no Webflow, e quanto custam os assentos?** Em outubro de 2026, cada pessoa que edita conteúdo ou monta páginas com componentes precisa de um assento Limited de USD 15 por mês com cobrança anual, e cada designer ou administrador, de um assento Full de USD 39. Quem só revisa e comenta tem assento gratuito, e o primeiro assento Full do dono do Workspace já está incluído. Agências convidadas, como a Dardo, não usam seus assentos. **Devemos escolher Webflow ou Framer?** Escolha o Webflow quando várias pessoas publicam conteúdo e você precisa de papéis de edição, de um CMS que comporte milhares de itens ou do complemento Localize. O Framer atende um time pequeno, focado em design, que itera rápido num site de lançamento com muito movimento. As duas são plataformas hospedadas com dependência do fornecedor; nossa página de desenvolvimento em Framer detalha os limites dele para você comparar. **Vocês assumem ou refazem um site Webflow existente?** Sim. Começamos com uma auditoria da estrutura de classes, dos estilos sem uso, dos componentes, das Collections, das interações e dos papéis de edição. Às vezes uma limpeza basta; quando cada página carrega suas próprias classes avulsas, refazer os templates sobre um sistema limpo pode ser mais rápido do que desembaraçá-los. A auditoria diz qual é o caso antes de orçarmos a construção. **Vocês conseguem migrar nosso site de WordPress para o Webflow?** Sim. Fazemos o inventário de cada URL, importamos os posts para Collections do CMS por CSV ou pela API do Webflow, refazemos páginas e templates e damos a cada URL alterada um redirecionamento 301. Confira antes o volume: o Premium comporta 20.000 itens de CMS no site inteiro, e autores, categorias e tags também contam quando viram itens de uma Collection. **Vocês são Webflow Certified Partner?** Não, e não afirmamos ter status de parceiro. Avalie a Dardo pelo trabalho publicado, pelo escopo por escrito e pela entrega: a proposta indica quem desenha e constrói seu site, o sistema de classes que usaremos e como cada template é aceito. Se a certificação é exigência de compras, o diretório de parceiros do Webflow lista as agências certificadas. **O que vocês precisam de nós, e quanto tempo leva a construção?** Acesso ao seu Workspace do Webflow ou a aprovação para criar um em seu nome, os materiais de marca, o conteúdo ou quem o escreva, cada formulário com seu destino e uma pessoa que aprove cada etapa. A proposta define o cronograma a partir dos templates, do estado do conteúdo, dos idiomas e das integrações. Trabalhamos de Bogotá em UTC−5, dentro do horário comercial do leste e do centro dos EUA. ## Do blog - [Preços do Webflow 2026: quanto custa em reais, o que muda na renovação e quando sair](https://dardo.studio/pt/blog/precos-webflow-2026/) O Webflow juntou os planos CMS e Business no Premium. Quanto seu site paga na renovação, em dólares e em reais, e quando vale trocar por Framer ou Astro. - [Webflow ou WordPress em 2026: qual é melhor? Custos reais, edição, SEO e velocidade](https://dardo.studio/pt/blog/webflow-ou-wordpress/) Quanto custa em três anos um site bilíngue de 20 páginas com blog de 300 posts no Webflow e no WordPress, e como eles se comparam em edição, SEO e velocidade. - [Webflow vs Framer: qual escolher para um site de marketing em 2026, com custos reais](https://dardo.studio/pt/blog/webflow-vs-framer/) Webflow vs Framer em 2026: quem deve escolher qual, quanto custa em cada um um site de 20 páginas com 300 posts em dois idiomas e quando não escolher nenhum. ## Fontes e leituras adicionais Fontes desta página, com mais detalhes dos publicadores originais. - [Webflow: Plans and pricing (site plans, CMS limits, Localize, seats, code export)](https://webflow.com/pricing) · webflow.com - [Webflow: Localize](https://webflow.com/feature/localize) · webflow.com - [Webflow: Edit content (content roles and SEO fields from CMS)](https://webflow.com/feature/edit-content) · webflow.com - [Webflow: Figma to Webflow](https://webflow.com/feature/figma-to-webflow) · webflow.com - [Webflow Developers: Code components](https://developers.webflow.com/code-components/introduction) · developers.webflow.com - [Webflow Developers: Webflow Cloud](https://developers.webflow.com/webflow-cloud/intro) · developers.webflow.com - [Webflow Developers: Webflow MCP server](https://developers.webflow.com/mcp/reference/overview) · developers.webflow.com - [Webflow Apps: HubSpot](https://webflow.com/apps/detail/hubspot) · webflow.com [Dardo](https://dardo.studio/pt/) · [Serviços](https://dardo.studio/pt/servicos/) · Desenvolvimento em Webflow ## De um briefing em Webflow a uma proposta por escrito Um bom orçamento parte dos tipos de página, das Collections, dos idiomas e de quem vai editar. Confira se a plataforma serve, veja o trabalho publicado e envie o briefing. [01 · **Veja a saída antes de entrar** · O que envolve sair do Webflow](https://dardo.studio/pt/blog/migrar-de-webflow-para-astro/) · [02 · **Compare outra plataforma** · Desenvolvimento em Astro](https://dardo.studio/pt/servicos/desenvolvimento-astro/) · [03 · **Peça uma proposta** · Envie templates, Collections, idiomas e editores](https://dardo.studio/pt/contato/?service=webflow-development) ## Continue explorando. - [Serviço · **Design de sites sob medida para EUA e América Latina**](https://dardo.studio/pt/servicos/web-design-personalizado/) - [Serviço · **Desenvolvimento com Astro: sites rápidos e migrações**](https://dardo.studio/pt/servicos/desenvolvimento-astro/) - [Serviço · **Design e desenvolvimento de sites em Framer para startups**](https://dardo.studio/pt/servicos/desenvolvimento-framer/)