Curso de Webflow Online

O Curso de Webflow ensina a construir sites profissionais, rápidos e responsivos sem código tradicional, dominando o canvas visual que gera HTML/CSS limpo. Você sai sabendo estruturar layouts com Flexbox e Grid, montar um CMS dinâmico (blog, portfólio, catálogo), criar interações e animações, configurar SEO on-page e publicar com domínio próprio e hospedagem da Webflow.

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

Resumo do Curso de Webflow
Curso	Curso de Webflow
Formato	100% online, no seu ritmo
Duração	6 módulos, aproximadamente 5h de vídeo
Conteúdo	6 módulos · 28 aulas
Idioma	Português (Brasil)
Categoria	Sites, SaaS e Apps

Por que fazer o Curso de Webflow?

Webflow virou padrão para freelancers e agências porque entrega controle visual de CSS real sem o caos de plugins do WordPress, com hospedagem rápida em CDN e CMS embutido. Saber Webflow significa entregar sites editáveis pelo cliente, com Core Web Vitals saudáveis e SEO limpo. O ponto que gera resultado não é "arrastar caixas", mas entender o box model, a cascata de classes e o CMS — é isso que separa um site amador de uma entrega cobrável.

O que você vai aprender no Curso de Webflow

Dominar o box model do Webflow: div blocks, padding, margin e display (block, flex, grid) lendo o painel Style como se fosse CSS
Construir layouts 100% responsivos com Flexbox, Grid e os 4 breakpoints da Webflow (desktop, tablet, mobile landscape e portrait)
Criar e organizar um sistema de classes reutilizáveis (combo classes e global classes) sem virar bagunça
Montar um CMS dinâmico do zero: Collections, Collection Lists, campos de referência e filtros para blog, portfólio e catálogo
Construir interações e animações com o painel Interactions (scroll, hover, page load) sem escrever JavaScript
Configurar SEO on-page: title, meta description, slug, alt text, sitemap automático e Open Graph para redes sociais
Publicar o site com domínio próprio, SSL e staging na hospedagem da Webflow, entendendo o que cada plano cobre
Integrar formulários, Webflow Forms, e conectar ferramentas via embed e Zapier/Make
Garantir performance: imagens em WebP, lazy loading e Core Web Vitals dentro do verde
Entregar sites editáveis pelo cliente com o Editor e gerenciar projetos no Designer com segurança

Materiais inclusos

Pacote — Pacote de 8 templates Webflow prontos (landing page, blog, portfólio e site institucional) para clonar
Swipe — Swipe de 25 componentes (heros, cards, navbars, footers, pricing tables) para copiar e colar entre projetos
Checklist — Checklist de SEO on-page Webflow (title, meta, slug, alt, sitemap, OG)
Checklist — Checklist de pré-lançamento e go-live com 30 itens de QA responsivo
Mapa mental — Mapa mental do box model e da cascata de classes da Webflow
Modelo — Modelo de estrutura de CMS (Collections, campos e referências) para blog e catálogo
PDF — PDF de atalhos do Designer e tabela de propriedades Flexbox/Grid
Planilha — Planilha de escopo e proposta para projetos Webflow freelance
Código — Snippets de custom code (embed) para integrações, máscaras de formulário e ajustes finos

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

Módulo 1 — Fundamentos do Designer

Tour pelo canvas: Navigator, painel Style, Settings e atalhos essenciais
Box model na prática: div blocks, padding, margin e o display property
Entendendo classes: como o Webflow gera CSS por trás do visual
Estrutura semântica: sections, containers, headings e tags HTML corretas
Tipografia e cores: variáveis, design system e estilos base do projeto

Módulo 2 — Layout responsivo com Flexbox e Grid

Flexbox completo: direção, alinhamento, gap e wrap
CSS Grid no Webflow: colunas, áreas e layouts complexos
Os 4 breakpoints e a lógica de cascata mobile
Combo classes vs global classes: organização sem bagunça
Refazendo a home de um site real responsivo do zero

Módulo 3 — CMS dinâmico

O que é o CMS: Collections, campos e por que ele muda tudo
Criando um blog: Collection, template page e Collection List
Campos de referência e multi-referência para categorias e tags
Filtros, ordenação e paginação de conteúdo dinâmico
Portfólio e catálogo de produtos com o mesmo sistema

Módulo 4 — Interações e animações

Painel Interactions: triggers e ações sem código
Animações de hover, scroll into view e page load
Microinterações que aumentam percepção de qualidade
Performance vs efeito: quando NÃO animar

Módulo 5 — SEO, performance e publicação

SEO on-page: title, meta, slug, alt text e sitemap automático
Open Graph e preview em redes sociais
Otimização de imagens, WebP, lazy load e Core Web Vitals
Domínio próprio, SSL, staging e planos de hospedagem
Checklist de pré-lançamento e go-live

Módulo 6 — Entrega para cliente e fluxo de trabalho

Editor: deixando o site editável pelo cliente com segurança
Formulários, integrações via embed, Zapier e Make
Reutilizando componentes e Symbols entre projetos
Organizando entregas, revisões e handoff profissional

Para quem é o Curso de Webflow?

Para iniciantes que querem construir sites profissionais sem programar e para freelancers, designers e donos de negócio que querem entregar sites rápidos, responsivos e editáveis pelo cliente usando Webflow.

Quanto tempo dura o Curso de Webflow?

O Curso de Webflow tem 6 módulos, aproximadamente 5h de vídeo, organizado em 6 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 Webflow

Preciso saber programar para aprender Webflow?

Não. O Webflow é uma ferramenta visual que gera HTML e CSS por você. O curso parte do zero, mas ensina a lógica do CSS (box model, Flexbox, Grid) por trás do canvas, o que faz você dominar a ferramenta de verdade em vez de só arrastar elementos.

Webflow é melhor que WordPress?

Para sites institucionais, landing pages e portfólios, o Webflow costuma entregar mais velocidade, CSS limpo e menos manutenção, sem o caos de plugins. O WordPress ainda ganha em ecossistema e custo de hospedagem. O curso mostra quando cada um faz sentido.

Webflow é gratuito? Quanto custa para publicar um site?

Você desenha de graça no Designer, mas publicar com domínio próprio exige um Site Plan pago da Webflow. O curso explica a diferença entre Account Plans e Site Plans e qual escolher para projeto pessoal ou de cliente.

Dá para fazer e-commerce e blog no Webflow?

Sim. O CMS nativo cobre blog, portfólio e catálogos dinâmicos, e há plano de e-commerce para lojas. O curso ensina a montar um CMS completo com Collections, campos de referência e filtros.

Quanto tempo leva para aprender Webflow?

Com prática focada, você constrói seu primeiro site responsivo em poucas semanas. Os módulos são progressivos, e os templates e swipe de componentes aceleram a entrega ao dar uma base para copiar e adaptar.

Cursos relacionados de Sites, SaaS e Apps

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