Sobre o curso
O curso Framer Skills, desenvolvido por Kácio Felipe, é uma formação completa que capacita designers e criadores digitais a construírem sites profissionais e interativos utilizando o Framer, uma plataforma no-code de destaque no mercado.
Aborda desde os fundamentos da ferramenta até técnicas avançadas de animação e integração, permitindo que os alunos criem projetos modernos e responsivos sem a necessidade de codificação.
Conteúdo do Curso:
O que você vai aprender?
- Fundamentos do Framer e Integração com Figma: Aprenda a configurar o Framer, entender sua interface e importar designs diretamente do Figma com facilidade, otimizando o fluxo de trabalho.
- Criação de Projetos Reais e Interativos: Desenvolva projetos práticos, como sites para marcas fictícias e reais, aplicando conceitos de design responsivo, animações e interações avançadas.
- Implementação de Funcionalidades Avançadas: Explore recursos como CMS nativo, integração com ferramentas externas, criação de áreas de membros, blogs e e-commerces, ampliando as possibilidades dos seus projetos.
- Otimização e Publicação de Sites: Aprenda a otimizar seus sites para SEO, configurar domínios personalizados e publicar projetos com alta performance, garantindo uma entrega profissional ao cliente.
Conteúdo do curso
Módulo 01 – Onboarding
-
Boas-vindas ao Framer Skills
00:00
Módulo 02 – Primeiros Passos
-
Aula 1 – Boas-vindas ao Framer Skills
00:00 -
Aula 2 – Criando o seu Framer Pass
00:00 -
Aula 3 – Melhor forma de estudar o Framer Skills
00:00
Módulo 03 – Introdução ao Framer
-
Aula 1 – O que é o Framer
00:00 -
Aula 2 – Criando a sua conta e instalando o Framer
00:00 -
Aula 3 – Conhecendo a interface do Framer
00:00 -
Aula 4 – Preços e Planos do Framer
00:00 -
Aula 5 – Conheça o Framer Community
00:00 -
Aula 6 – Criando a interface com IA do Framer
00:00 -
Aula 7 – Todos os comandos e atalhos do Framer
00:00
Módulo 04 – Fundamentos do Framer
-
Aula 1 – Entenda sobre positioning and size
00:00 -
Aula 2 – Componentes VS Variantes VS Variáveis
00:00 -
Aula 3 – O poder do layout grid
00:00 -
Aula 4 – Entenda stacks na prática
00:00 -
Aula 5 – Proteção com senha no site
00:00 -
Aula 6 – Analytics no Framer
00:00 -
Aula 7 – Como traduzir seu site em qualquer idioma
00:00 -
Aula 8 – Criando e conectando um custom domain
00:00 -
Aula 9 – Do Figma para o Framer
00:00 -
Aula 10 – Formulário no Framer
00:00 -
Aula 11 – Remix Link
00:00 -
Aula 12 – Como ganhar dinheiro de forma passiva com o Framer
00:00 -
Aula 13 – Como passar um site do Framer para o seu cliente
00:00 -
Aula 14 – Componentes Variantes e variáveis
00:00 -
Aula 15 – Stacks positions e size
00:00
Módulo 05 – Processo de Criação de Sites
-
Criando site do Design ao Framer – Midjourney, ChatGPT, AutoLayout
00:00
Módulo 06 – Projeto Universal
-
Aula 01 – Projeto Universal
00:00 -
Aula 02 – Custom font e estilização
00:00 -
Aula 03 – Estilizando as cores
00:00 -
Aula 04 – Criando a header da universal
00:00 -
Aula 05 – Hero section – Parte 1
00:00 -
Aula 06 – Hero section – Parte 2
00:00 -
Aula 07 – Criando a sessão de funcionalidades
00:00 -
Aula 08 – Criando a sessão de ‘feito para você’
00:00 -
Aula 09 – Criando a sessão de preços e planos
00:00 -
Aula 10 – Filtrando planos entre Mensal e Anual
00:00 -
Aula 11 – Criando card com overlay
00:00 -
Aula 12 – Trabalhando no Footer
00:00 -
Aula 13 – Refinando com link e houver
00:00 -
Aula 14 – Criando o responsivo – Parte 1
00:00 -
Aula 15 – Criando o responsivo – Parte 2
00:00 -
Aula 16 – Menu hamburguer mobile
00:00 -
Aula 17 – Refinamento final do projeto universal
00:00 -
Aula 18 – Criando animações no projeto universal
00:00
Módulo 07 – Projeto Fighter X
-
Aula 01 – Apresentando o Projeto Fighter X
00:00 -
Aula 02 – Estilizando cores do Fighter X
00:00 -
Aula 03 – Estilizando a tipografia do Fighter X
00:00 -
Aula 04 – Criando a Header do Fighter X
00:00 -
Aula 05 – Criando a Hero Section do Fighter X
00:00 -
Aula 06 – Criando logos em loop infinito Fighter X
00:00 -
Aula 07 – Criando a sessão dos soldados no Fighter X
00:00 -
Aula 08 – Criando CMS e filtrando os soldados
00:00 -
Aula 09 – Criando sessão de revolução
00:00 -
Aula 10 – Criando o Footer Fighter X
00:00 -
Aula 11 – Criando responsivo tablet
00:00 -
Aula 12 – Criando responsivo mobile
00:00 -
Aula 13 – O que fazer antes de publicar qualquer site
00:00
Módulo 08 – Projeto Fit Blog
-
Aula 1 – Apresentando o Projeto Fit Blog
00:00 -
Aula 2 – Estilizando cores do Projeto Fit Blog
00:00 -
Aula 3 – Criando a Navbar Fit Blog
00:00 -
Aula 4 – Estruturando o CMS do Projeto Fit Blog
00:00 -
Aula 5 – Criando a Hero Section
00:00 -
Aula 6 – Desenvolvendo o Projeto Fit Blog
00:00
Módulo 09 – Projeto Framer Skills
-
Aula 01 – Overview do Projeto Framer Skills
00:00 -
Aula 02 – Estilizando as cores do Projeto Framer Skills
00:00 -
Aula 03 – Importando a fonte do computador
00:00 -
Aula 04 – Estilizando a Tipografia
00:00 -
Aula 05 – Criando a navbar do Projeto Framer Skills
00:00 -
Aula 06 – Criando a Hero Section
00:00 -
Aula 07 – Texto passando em loop
00:00 -
Aula 08 – Criando a sessão Interface com Scroll Transform
00:00 -
Aula 09 – Criando módulos do curso com layout grid
00:00 -
Aula 10 – Sessão ‘para quem é o curso’
00:00
Módulo 10 – Projeto do NuBank
-
Aula 1 – Criando projeto do Nubank do zero [Tutorial Completo]
00:00 -
Aula 2 – Mailchimp Framer – Como capturar Leads de forma gratuita – Como criar uma página de Captura e Obrigado
00:00
Módulo 11 – Criando um Site do Zero com Figma + Framer
-
Aula 01 – Criando o site do 99 Pop com Figma, Midjourney e Framer
00:00 -
Aula 02 – Criando um projeto do zero para os alunos do Gilberto Prado
00:00
Módulo 12 – Efeitos e Animações dentro do Framer
-
Aula 01 – 3D com Spline + Framer
00:00 -
Aula 02 – Efeito Drag em elementos
00:00 -
Aula 03 – Lottie Files + Framer
00:00 -
Aula 04 – Animações de preenchimento de texto ao scrollar
00:00 -
Aula 05 – Criando Header Interativo e alterações por sessão
00:00 -
Aula 06 – Scroll horizontal
00:00 -
Aula 07 – Efeito stacking em cards
00:00 -
Aula 08 – Efeito smooth scroll
00:00 -
Aula 09 – Scroll transform animation
00:00 -
Aula 10 – Textos animados
00:00 -
Aula 11 – Criando spinnings animados
00:00 -
Aula 12 – Globo interativo e destaque de locais
00:00 -
Aula 13 – Efeito Text
00:00 -
Aula 14 – 3D Framer Update
00:00
Módulo 13 – Framer Tips
-
Aula 1 – Mudando a cor do scroll do navegador
00:00 -
Aula 2 – Download de documentos no Framer
00:00
Módulo 14 – Site do WhatsApp com Animações Práticas
-
Criando o Site do WhatsApp com Animações
00:00
Módulo 15 – E-commerce com Framer
-
Aula 1 – Introdução
00:00 -
Aula 2 – Estruturando projeto
00:00 -
Aula 3 – Desenvolvendo e Integrando
00:00 -
Aula 4 – Conectando checkout
00:00 -
Aula 5 – Integração Final
00:00
Módulo 16 – Aulas Complementaraes
-
Aula 1 – Filtros e CMS com o projeto da C6 Bank
00:00 -
Aula 2 – Mega Menus dentro do Framer
00:00
Módulo 17 – Prospecção e Vendas
-
Como prospectar clientes na gringa
00:00
Módulo 18 – Scroll Transform e Scroll Variant
-
Aula 1 – Resultados rápidos com Figma + Framer
00:00 -
Aula 2 – Detalhes e recursos do Framer
00:00 -
Aula 3 – Projeto Olipop – Parte 1
00:00 -
Aula 4 – Projeto Olipop – Parte 2
00:00
Módulo 19 – Carreira na Gringa – Gabe Bo
-
Carreira Internacional
00:00
Módulo 20 – UI Design com Framer
-
Episódio 1 – O ponto cego
00:00 -
Episódio 2 – UX e UI design
00:00 -
Episódio 4 – Resultado do desafio Tesla
00:00
Módulo 21 – Animações Avançadas – Yã Izidoro
-
Criando animações avançadas com Yã Izidoro
00:00
Módulo 22 – Guia Completo de Spline 3D – Nasser
-
Aula 1 – Instalando o Spline
00:00 -
Aula 2 – Bibliotecas, Tutoriais e Comunidade
00:00 -
Aula 3 – Overview da Área de Trabalho
00:00 -
Aula 4 – Shapes básicos
00:00 -
Aula 5 – Shape Torus Knot
00:00 -
Aula 6 – Luz e Sombra
00:00 -
Aula 7 – Caminho Livre
00:00 -
Aula 8 – Ambientação
00:00
Módulo 23 – Sies que Impactam – Radi Gomes
-
Interfaces que impactam, com Rad Gomes
00:00
Módulo 24 – Performance e Desempenho de Sites – Eduardo Amaral
-
Performance e desempenho de sites, com Eduardo Amaral
00:00
Módulo 25 – WebArte – Caminhos criativos na construção de Websites – Bruno Aurélio
-
Webarte, caminhos criativos para sites com Bruno Aurélio
00:00
Módulo 26 – Prospectando Clientes na Era Digital – Marcus Dutra
-
Prospectando clientes com Marcus Dutra
00:00
Módulo 27 – Recursos e Links
-
Links e Recursos úteis
Módulo 28 – Prospecção e Business – JP
-
Prospectando clientes e vendendo templates
00:00
Módulo 29 – Extras
-
Aula 1 – Aulão com alunos – 09/2024
00:00 -
Aula 2 – Aulão com alunos – 10/2024
00:00 -
Aula 3 – Aulão com alunos – 11/2024
00:00 -
Aula 4 – Aulão com alunos – 01/2025
00:00 -
Aula 5 – Construindo uma Interface do 0
00:00 -
Aula 6 – IA para Criação de Imagens para Interfaces, com Pedro Afonso
00:00 -
Aula 7 – Prospecção de Clientes na Gringa
00:00 -
Aula 8 – Criando a Hero Section de uma LP de 18k
00:00
Módulo 30 – [Oderbump] Projetos Internacionais
-
Insights para Prospectar Clientes Internacionais
00:00
Módulo 31 – Mentorias Infinity Skills
-
Mentoria 1 – 07/01/2025
00:00 -
Mentoria 2 – 08/01/2025
00:00
Módulo 32 – UI Design apliucado a Lançamentos (com Willian Baldan)
-
Aula 1 – Apresentação
00:00 -
Aula 2 – Mensurando o impacto do design
00:00 -
Aula 3 – Página de inscrição
00:00 -
Aula 4 – Analisando páginas ruins
00:00 -
Aula 5 – Quais canais de comunicação são mais importantes
00:00 -
Aula 6 – Outros canais de comunicação
00:00 -
Aula 7 – Página de obrigado
00:00
Módulo 33 – UI Design e Marketing Digital
-
UI Design e Marketing Digital – Parte 1
00:00 -
UI Design e Marketing Digital – Parte 2
00:00