--- title: "Desenvolvimento de sites em Framer para startups — Dardo" description: "Design e desenvolvimento de sites em Framer para startups: componentes, CMS, movimento e idiomas que seu time edita, com custos e limites do Framer claros." url: "https://dardo.studio/pt/servicos/desenvolvimento-framer/" language: "pt" translations: {"en":"https://dardo.studio/en/services/framer-development/","es":"https://dardo.studio/es/servicios/desarrollo-framer/"} updated: "2026-10-14" --- # Design e desenvolvimento de sites em Framer para startups Desenvolvimento em Framer é desenhar e publicar um site de marketing no Framer, onde o design e o site no ar são um único projeto. A Dardo constrói sites em Framer para startups e times de lançamento que precisam de movimento e iteração rápida, e deixa prontos os componentes, o CMS e os idiomas para que seu time continue publicando depois da entrega. 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=framer-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%20de%20sites%20em%20Framer%20para%20startups) ## 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](https://dardo.studio/pt/servicos/desenvolvimento-nextjs/) ou o [desenvolvimento de aplicativos web](https://dardo.studio/pt/servicos/desenvolvimento-de-aplicativos-web/). Se você quer o código-fonte no seu próprio repositório, o [desenvolvimento em Astro](https://dardo.studio/pt/servicos/desenvolvimento-astro/) entrega isso, com um CMS que seus editores continuam usando. Nossa página de [desenvolvimento em Webflow](https://dardo.studio/pt/servicos/desenvolvimento-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. __Quanto custa manter um site no Framer?__ | Limite | Basic | Pro | | ------------------------------------- | ------------------------- | ----------------------------------------------------- | | Páginas | 30 | 150, depois USD 20 a cada 100 a mais, até 700 | | Collections do CMS | 2 | 10, depois USD 40 a cada 10 a mais, até 40 | | Itens do CMS | 1.000 | 2.500, depois USD 20 a cada 10.000 a mais, até 40.000 | | Banda mensal | 50 GB | 100 GB, depois USD 40 a cada 100 GB, até 2 TB | | Redirecionamentos, staging e branches | Não incluídos | Incluídos | | Idiomas extras | USD 20 por idioma, até 20 | USD 20 por idioma, até 20 | | Assentos de edição | Até 10 | Até 10 | 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](https://dardo.studio/pt/servicos/desenvolvimento-criativo/); nossa história de produto com scroll para a [Hyper](https://dardo.studio/pt/projetos/hyper-estudo-de-caso-web-design/) 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](https://dardo.studio/pt/servicos/sites-multilingues/) 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](https://dardo.studio/pt/blog/migrar-de-framer-para-astro/) explica o que uma reconstrução envolve, e a [migração de site](https://dardo.studio/pt/servicos/migracao-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](https://dardo.studio/pt/servicos/redacao-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](https://dardo.studio/pt/servicos/landing-pages/); um site para SaaS com páginas de preços, integrações e comparativos cabe no nosso escopo de [site para SaaS](https://dardo.studio/pt/servicos/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](https://dardo.studio/pt/precos/) 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 **A Dardo é Framer Expert ou parceira?** Não. A Dardo não está no programa de Experts do Framer nem tem status de parceira do Framer. Construímos no Framer como uma de várias plataformas, ao lado de Webflow e Astro, e só o recomendamos quando ele se encaixa. Avalie a Dardo pelo trabalho publicado e pelo escopo por escrito. **Quanto custa construir um site no Framer?** A tarifa da Dardo depende dos templates exclusivos, do movimento e do código sob medida, das Collections do CMS, dos idiomas e de qualquer migração, então orçamos depois de ver o briefing. O plano do Framer é à parte e pago por você: em outubro de 2026, o Basic custa USD 10 e o Pro USD 30 por mês com cobrança anual, mais complementos de idiomas, editores e limites maiores. **Nosso time consegue editar o site em Framer sem um desenvolvedor?** Sim; esse é o principal motivo para escolher o Framer. Editores de conteúdo atualizam itens do CMS, traduções e textos das páginas; editores completos também podem alterar layouts e publicar. As páginas são montadas com componentes e estilos para que edições de rotina não quebrem o design, e a entrega inclui um guia curto de edição. **Posso exportar meu site do Framer e hospedá-lo em outro lugar?** Não. O Framer não oferece exportação de HTML para hospedagem própria, porque os sites publicados dependem de seus serviços de backend. Manter domínio, conteúdo e dados de formulários nas suas próprias contas deixa uma mudança futura mais barata, mas sair do Framer significa reconstruir o site. **O Framer é bom para SEO?** Ele cobre o básico técnico: sitemap e robots.txt automáticos, páginas pré-renderizadas, e um título e uma descrição para cada página e template do CMS, com redirecionamentos no Pro. O ranqueamento continua dependendo do que as páginas dizem e de quem as linka; pesquisa de palavras-chave e planejamento de conteúdo fazem parte do nosso serviço de SEO. **Vocês assumem ou redesenham um site Framer existente?** Sim. Primeiro revisamos o projeto: componentes e estilos, Collections do CMS, código personalizado e avisos de otimização, redirecionamentos, idiomas, quem é dono do workspace e do domínio, e quais assentos são pagos. A revisão diz se o site precisa de uma limpeza, de páginas novas ou de uma reconstrução antes de orçarmos qualquer redesign. ## 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. - [Framer ou WordPress em 2026: qual escolher para o seu site, com custos reais em três anos](https://dardo.studio/pt/blog/framer-ou-wordpress/) 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](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. - [Framer: Pricing (plans, limits, add-ons and editor seats)](https://www.framer.com/pricing) · framer.com - [Framer Help: Can I export my website to HTML and self-host it?](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/) · framer.com - [Framer Help: Guide to SEO features and tools](https://www.framer.com/help/articles/guide-to-seo-features-and-tools/) · framer.com - [Framer Help: How to fix custom code optimization errors](https://www.framer.com/help/articles/how-to-fix-cannot-set-properties-of-undefined-optimization-error/) · framer.com - [Framer Developers: Code components](https://www.framer.com/developers/components-introduction) · framer.com - [Framer Help: Language attribute](https://www.framer.com/help/articles/language-attribute/) · framer.com - [Framer Help: Adding a contact form](https://www.framer.com/help/articles/how-can-i-add-a-contact-form-to-my-framer-website/) · framer.com - [Framer Help: Move a project to another workspace](https://www.framer.com/help/articles/moving-a-project-to-a-different-workspace/) · framer.com [Dardo](https://dardo.studio/pt/) · [Serviços](https://dardo.studio/pt/servicos/) · Desenvolvimento em Framer ## De um briefing em Framer a uma proposta por escrito Conte quais são suas páginas, Collections, idiomas e quem vai editar o site. Respondemos com o escopo, a tarifa da Dardo e o plano do Framer de que você precisaria. [01 · **Conheça primeiro a saída** · Do Framer para o Astro: o que a mudança envolve](https://dardo.studio/pt/blog/migrar-de-framer-para-astro/) · [02 · **Compare plataformas** · Desenvolvimento em Webflow](https://dardo.studio/pt/servicos/desenvolvimento-webflow/) · [03 · **Peça uma proposta** · Envie seu briefing de Framer para a Dardo](https://dardo.studio/pt/contato/?service=framer-development) ## Continue explorando. - [Serviço · **Design de landing pages para campanhas, anúncios e lançamentos**](https://dardo.studio/pt/servicos/landing-pages/) - [Serviço · **Design e desenvolvimento em Webflow para times de marketing**](https://dardo.studio/pt/servicos/desenvolvimento-webflow/) - [Serviço · **Criação de sites para SaaS: posicionamento, preços e cadastro**](https://dardo.studio/pt/servicos/site-para-saas/)