Design e desenvolvimento de sites em Framer para startups

Quando o Framer é a plataforma certa?#

O Framer serve a um site de marketing que muda tão seguido quanto a história do produto e é editado por um designer ou alguém de marketing, não por um desenvolvedor. O canvas é o site, então uma alteração aprovada pode ir ao ar no mesmo dia.

• Startups em fase inicial que reescrevem o posicionamento a cada poucos meses
• Lançamentos de produto em que o ritmo e o movimento contam a história
• Times em que o designer, e não um engenheiro, vai cuidar do site depois do lançamento

O Framer não é a escolha quando o site também é o produto. Um aplicativo com login precisa de código hospedado por você: veja o desenvolvimento em Next.js ou o desenvolvimento de aplicativos web. Se você quer o código-fonte no seu próprio repositório, o desenvolvimento em Astro entrega isso, com um CMS que seus editores continuam usando. Nossa página de desenvolvimento em Webflow explica quando o outro construtor visual se encaixa melhor.

Quanto custa manter um site no Framer?#

O Framer vende um plano por site, cobrado de você separadamente da tarifa da Dardo, e os complementos costumam pesar mais do que o plano base. Em outubro de 2026, a página de preços do Framer lista o Basic a USD 10 por mês e o Pro a USD 30 por mês com cobrança anual. O plano gratuito só publica em um domínio do Framer, e o Framer o recomenda para uso não comercial.

O dono do workspace e quem só comenta não pagam. Cada editor adicional custa USD 20 por mês; um editor de conteúdo, que pode atualizar o CMS, as traduções e os textos da página, mas não o design, custa USD 10. Testes A/B (o complemento Convert) e o Advanced Hosting, para cabeçalhos personalizados e reescritas sob um mesmo domínio, têm custo à parte. Nossa proposta estima as tarifas do Framer do primeiro ano, para que a conta da plataforma não seja surpresa depois do lançamento.

O que a Dardo constrói em um projeto no Framer#

Um projeto no Framer com a Dardo cobre estrutura, design, construção e a configuração de que seu time precisa para continuar editando. A proposta lista o que entra no escopo e como cada item é aceito.

• Estrutura de páginas e mensagens para o lançamento: home, produto, preços, sobre, vagas e blog
• Uma biblioteca de componentes com uma variante para cada estado, sobre estilos compartilhados de texto e cor
• Collections do CMS (posts, novidades, clientes, vagas), cada uma com seu próprio template de página
• Efeitos de scroll, de entrada e de transição entre páginas, cada um com uma versão para movimento reduzido
• Componentes de código em React onde as ferramentas do Framer acabam: calculadoras, dados ao vivo, embeds sob medida
• Formulários enviados para e-mail, Google Sheets, um webhook ou o HubSpot, com um evento de analytics em cada um

Desenhamos no Figma quando o sistema de marca já vive lá; se não, direto no Framer. Movimento além dos efeitos do Framer, como cenas em WebGL, é desenvolvimento criativo; nossa história de produto com scroll para a Hyper mostra o ritmo que buscamos.

O que conferimos antes de um site em Framer ir ao ar#

O Framer automatiza a hospedagem, o sitemap e o robots.txt; nosso checklist de lançamento cobre o que ele deixa por sua conta: código personalizado, metadados e revisão de idiomas.

O Framer pré-renderiza cada página nos seus servidores. Código personalizado que lê objetos do navegador, como window, durante essa etapa falha, e um componente fora da otimização não fica visível para os buscadores. Escrevemos os componentes de código em React compatível com a versão 18, como o Framer exige, mantemos a lógica exclusiva do navegador fora da renderização no servidor e resolvemos cada aviso de otimização antes do lançamento.

Escrevemos títulos, descrições e dados estruturados para cada página e template do CMS. Redirecionamentos exigem o plano Pro, então um site que substitui outro mais antigo começa no Pro, com cada URL antiga mapeada. Com o complemento de localização, o Framer define automaticamente as tags lang e hreflang, que não podem ser editadas na interface; a tradução por IA dele é um primeiro rascunho, e uma pessoa fluente escreve ou revisa cada idioma, como em todo site multilíngue que planejamos.

Onde o Framer termina, e quando sair dele#

Um site em Framer só roda no Framer: o Framer não oferece exportação de HTML nem de código-fonte, porque os sites publicados dependem de seus serviços de backend, como a pré-renderização e a otimização de imagens. Escolher o Framer é escolher a hospedagem dele, e tudo o que exige um servidor seu, como contas de usuário, banco de dados ou lógica de pagamento, roda em outro lugar.

Mantemos a saída possível: o domínio no seu registrador, o conteúdo em Collections do CMS em vez de digitado dentro dos layouts, e os envios de formulário no seu próprio e-mail ou CRM. Uma mudança compensa por razões estruturais, não visuais:

• O produto e o site precisam compartilhar código, logins ou dados
• O CMS está chegando ao teto do Pro de 40.000 itens ou 40 Collections
• Você precisa de mais de 20 idiomas, ou de conteúdo diferente em cada mercado
• Complementos e assentos de edição custam por mês mais do que hospedar um site próprio

Se alguma dessas situações se aplica, nosso guia para migrar do Framer para o Astro explica o que uma reconstrução envolve, e a migração de site é como a executamos.

Como um projeto no Framer funciona e o que precisamos de você#

O design começa pela home e por uma página interna; depois de aprovadas, a construção as transforma em componentes, templates de CMS e breakpoints num link de staging que você confere no próprio celular, e seu time edita conteúdo real antes do lançamento.

Construímos em um workspace do Framer que é seu, então o plano, o domínio e a cobrança são seus desde o primeiro dia; mover um projeto entre workspaces cancela o plano ativo dele. O Framer dá aos seus Pro Experts acesso de edição gratuito aos projetos de clientes. A Dardo não é um deles, então nosso assento é um assento de editor pago enquanto trabalhamos, retirado na entrega, a menos que você nos mantenha.

De você, precisamos do texto, em rascunho ou final (ou de um escopo de redação para sites), dos arquivos de marca, do acesso ao DNS, do e-mail ou CRM que recebe os formulários e de uma pessoa que aprove cada etapa.

Quanto custa um site em Framer com a Dardo?#

A tarifa da Dardo acompanha o trabalho: templates de página exclusivos, movimento e código sob medida, Collections do CMS a modelar e preencher, idiomas e qualquer site a migrar. Uma única página de campanha é mais rápida de definir como landing page; um site para SaaS com páginas de preços, integrações e comparativos cabe no nosso escopo de site para SaaS, construído no Framer se você escolher.

Nosso formulário de contato oferece faixas de orçamento de menos de USD 5.000 a mais de USD 60.000, e nossa página de preços lista os preços iniciais que publicamos. Cada proposta mostra em linhas separadas a tarifa da Dardo e o plano e os complementos do Framer que você pagará ao Framer.

Dúvidas antes de escolher#

Do blog#

• Preços do Webflow 2026: quanto custa em reais, o que muda na renovação e quando sair

  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.

• Framer ou WordPress em 2026: qual escolher para o seu site, com custos reais em três anos

  Framer ou WordPress em 2026: quem deve escolher cada um, quanto custa em três anos um site bilíngue de 18 páginas com blog e do que você abre mão.

• Webflow vs Framer: qual escolher para um site de marketing em 2026, com custos reais

  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.