Curso de Framer Online

O Curso de Framer ensina você a construir sites profissionais, responsivos e rápidos sem programar — usando layout com Stacks e Grid, CMS para blog e portfólio, animações com Scroll e Variants, SEO técnico e publicação com domínio próprio. Você sai sabendo entregar uma landing page ou site institucional completo, do design à publicação, pronto para cliente.

Atualizado em 28 de junho de 2026 · Catálogo Affiliate University

Resumo do Curso de Framer
Curso	Curso de Framer
Formato	100% online, no seu ritmo
Duração	7 módulos, cerca de 4h30 de vídeo
Conteúdo	7 módulos · 28 aulas
Idioma	Português (Brasil)
Categoria	Sites, SaaS e Apps

Por que fazer o Curso de Framer?

Framer virou a ferramenta no-code mais pedida por agências e freelancers porque une design (estilo Figma) e site publicado de verdade em um só lugar, com performance e SEO nativos. Dominar Breakpoints responsivos, CMS e a hospedagem própria do Framer é o que separa um site amador de um entregável que você cobra — e é exatamente onde a maioria trava: responsividade quebrada, SEO esquecido e animações que pesam a página.

O que você vai aprender no Curso de Framer

Montar layouts responsivos de verdade com Stacks, Grid e os 3 Breakpoints (desktop, tablet, phone) sem quebrar o design
Criar Components e Variants reutilizáveis (botões, cards, navbar) para padronizar e editar o site inteiro de uma vez
Estruturar uma Collection no CMS do Framer para blog, portfólio e catálogo, com páginas geradas automaticamente
Aplicar animações de Scroll, Appear effects e transições de página sem travar a performance no mobile
Configurar SEO on-page: title, meta description, OG image, alt text, sitemap e indexação no Google Search Console
Publicar com domínio personalizado, configurar DNS e ativar SSL e redirects
Integrar formulários, Google Analytics, pixel e ferramentas externas via embed e código personalizado
Otimizar Core Web Vitals: compressão de imagens, lazy load e LCP para nota alta no PageSpeed
Trabalhar com Templates da comunidade e remixar projetos para entregar mais rápido

Materiais inclusos

Pacote — Pacote com 8 templates Framer editáveis (landing, institucional, portfólio, SaaS)
Modelo — Biblioteca de Components prontos: navbar, hero, pricing, FAQ e footer
Checklist — Checklist de responsividade nos 3 Breakpoints (desktop, tablet, phone)
Checklist — Checklist de SEO on-page do Framer (title, meta, OG, alt, sitemap)
PDF — Guia de publicação: configurar domínio, DNS, SSL e redirects passo a passo
Planilha — Planilha de briefing e escopo para projetos de cliente
Modelo — Setup de CMS pronto: Collection de blog e portfólio para remixar
Swipe — Swipe de 15 animações e efeitos de scroll prontos para copiar
Mapa mental — Mapa mental Stacks x Grid x Fixed/Fill/Hug para decidir layout rápido

Currículo do Curso de Framer: módulos e aulas

Módulo 1 — Fundamentos do Framer e interface

Tour pela Canvas, painel de Layers, Properties e Assets
Diferença entre Frame, Stack e Grid (e quando usar cada um)
Tipografia, cores e Styles globais para manter consistência
Importando do Figma sem bagunçar o layout

Módulo 2 — Layout responsivo de verdade

Os 3 Breakpoints: desktop, tablet e phone
Stacks com Fixed, Fill e Hug para nunca quebrar
Position e alinhamento avançado com Grid
Testando responsividade e corrigindo overflow

Módulo 3 — Components, Variants e reutilização

Criando seu primeiro Component (botão e card)
Variants para estados: hover, ativo e mobile
Navbar e Footer reaproveitados em todo o site
Overrides e propriedades editáveis

Módulo 4 — CMS e sites com conteúdo dinâmico

Criando uma Collection (blog, portfólio, catálogo)
Conectando campos do CMS aos componentes
Páginas de detalhe geradas automaticamente
Filtros, ordenação e paginação

Módulo 5 — Animações e interações

Appear effects e Scroll transforms
Transições de página e Smart Animate
Efeitos de hover e micro-interações
Performance: como animar sem travar o mobile

Módulo 6 — SEO, performance e indexação

Title, meta description e OG image por página
Alt text, sitemap.xml e robots
Conectando ao Google Search Console e indexando
Otimizando imagens e Core Web Vitals (PageSpeed)

Módulo 7 — Publicação e entrega para cliente

Domínio personalizado, DNS, SSL e redirects
Formulários, Analytics e pixel via integrações
Código personalizado e embeds
Passando o projeto e cobrando do cliente

Para quem é o Curso de Framer?

Para designers, freelancers e empreendedores que querem criar e publicar sites profissionais sem programar — e para quem quer usar Framer como serviço para clientes. Não exige experiência com código.

Quanto tempo dura o Curso de Framer?

O Curso de Framer tem 7 módulos, cerca de 4h30 de vídeo, organizado em 7 módulos com 28 aulas. As aulas são gravadas: você estuda no seu ritmo e pode rever qualquer aula quando quiser.

Este curso faz parte do catálogo da Affiliate University. Enquanto a matrícula individual não abre, conheça as formações completas com matrícula aberta hoje:

Especialista em Inteligência Artificial Gestão de Tráfego (Facebook Ads)Seu Produto Digital em 24h

Perguntas frequentes sobre o Curso de Framer

Preciso saber programar para usar o Framer?

Não. O Framer é uma ferramenta no-code com interface visual parecida com o Figma. Você monta tudo arrastando elementos. Código personalizado (HTML/embed) é opcional e ensinado só para integrações avançadas como pixel e ferramentas externas.

O Framer é melhor que o Webflow ou WordPress?

Para sites de design, landing pages e portfólios, o Framer é mais rápido de aprender e publica com performance e SEO nativos. O Webflow oferece controle mais granular de CSS; o WordPress brilha em blogs grandes e e-commerce. O curso mostra quando o Framer é a melhor escolha.

O Framer é bom para SEO e aparece no Google?

Sim. Sites Framer têm SSR, sitemap automático e campos de title, meta description e OG image por página. O curso ensina a conectar ao Google Search Console, indexar e otimizar Core Web Vitals para boa nota no PageSpeed.

Dá para usar o Framer de graça?

Sim, o plano gratuito permite aprender e criar projetos com subdomínio .framer.website. Para publicar com domínio próprio, CMS e remover marca, é preciso um plano pago. O curso indica qual plano faz sentido por tipo de projeto.

Consigo usar domínio próprio no Framer?

Sim. O curso tem um módulo dedicado a conectar domínio personalizado, configurar os registros DNS, ativar SSL automático e criar redirects, com guia passo a passo para cada provedor.

Cursos relacionados de Sites, SaaS e Apps

Ver todos os cursos de Sites, SaaS e Apps → · Catálogo completo