Framer Skills - Kácio Felipe
Framer Skills com Kácio Felipe: Aprenda a Criar e Animar Sites Profissionais O curso Framer Skills - Kácio Felipe é voltado para quem busca dominar o design de interfaces e...
- Pagamento no PIX
- Acesso enviado por e-mail
- Compra sem cadastro
Módulos do Framer Skills - Kácio Felipe
Sua jornada de aprendizado
-
01 1. Framer Skills - Kácio Felipe 153 aulas
- O ponto cego
- UX e UI design
- Resultado do desafio Tesla
- Aeonik
- 3D com Spline + Framer
- Apresentando o Projeto Fighter X
- Overview do Projeto Framer Skills
- Projeto Universal
- Criando um projeto do zero para os alunos do Gilberto Prado
- Custom font e estilização
- Efeito Drag em elementos
- Estilizando as cores do Projeto Framer Skills
- Estilizando cores do Fighter X
- Estilizando a tipografia do Fighter X
- Estilizando as cores
- Importando a fonte do computador
- Lottie Files + Framer
- Material
- Animações de preenchimento de texto ao scrollar
- Criando a Header do Fighter X
- Criando a header da universal
- Estilizando a Tipografia
- Criando Header Interativo e alterações por sessão
- Criando a Hero Section do Fighter X
- Criando a navbar do Projeto Framer Skills
- Hero section - Parte 1
- Criando a Hero Section
- Criando logos em loop infinito Fighter X
- Hero section - Parte 2
- Material
- Scroll horizontal
- Criando a sessão de funcionalidades
- Criando a sessão dos soldados no Fighter X
- Efeito stacking em cards
- Texto passando em loop
- Criando CMS e filtrando os soldados
- Criando a sessão Interface com Scroll Transform
- Criando a sessão de _feito para você_
- Efeito smooth scroll
- Criando a sessão de preços e planos
- Criando módulos do curso com layout grid
- Criando sessão de revolução
- Scroll transform animation
- Apresentando o Projeto Fit Blog
- Aulão com alunos - 09-2024
- Boas-vindas ao Framer Skills
- Criando projeto do Nubank do zero [Tutorial Completo]
- Entenda sobre positioning and size
- Filtros e CMS com o projeto da C6 Bank
- Instalando o Spline
- Introdução
- Mudando a cor do scroll do navegador
- O que é o Framer
- Resultados rápidos com Figma + Framer
- Criando o Footer Fighter X
- Filtrando planos entre Mensal e Anual
- Formulário no Framer
- Sessão _para quem é o curso_
- Textos animados
- Criando card com overlay
- Criando responsivo tablet
- Criando spinnings animados
- Remix Link
- Como ganhar dinheiro de forma passiva com o Framer
- Criando responsivo mobile
- Globo interativo e destaque de locais
- Trabalhando no Footer
- Como passar um site do Framer para o seu cliente
- Efeito Text
- O que fazer antes de publicar qualquer site
- Refinando com link e houver
- 3D Framer Update
- Componentes Variantes e variáveis
- Criando o responsivo - Parte 1
- Criando o responsivo - Parte 2
- Stacks positions e size
- Menu hamburguer mobile
- Refinamento final do projeto universal
- Criando animações no projeto universal
- Aulão com alunos - 10-2024
- Bibliotecas, Tutoriais e Comunidade
- Componentes VS Variantes VS Variáveis
- Criando a sua conta e instalando o Framer
- Criando o seu Framer Pass
- Detalhes e recursos do Framer
- Download de documentos no Framer
- Estilizando cores do Projeto Fit Blog
- Estruturando projeto
- Mailchimp Framer - Como capturar Leads de forma gratuita - Como criar uma página de Captura e Obrigado
- Mega Menus dentro do Framer
- Aulão com alunos - 11-2024
- Conhecendo a interface do Framer
- Criando a Navbar Fit Blog
- Desenvolvendo e Integrando
- Melhor forma de estudar o Framer Skills
- O poder do layout grid
- Overview da Área de Trabalho
- Projeto Olipop - Parte 1
- Aulão com alunos - 01-2025
- Conectando checkout
- Entenda stacks na prática
- Estruturando o CMS do Projeto Fit Blog
- Preços e Planos do Framer
- Projeto Olipop - Parte 2
- Shapes básicos
- Conheça o Framer Community
- Construindo uma Interface do 0
- Criando a Hero Section
- Integração Final
- Proteção com senha no site
- Shape Torus Knot
- Analytics no Framer
- Criando a interface com IA do Framer
- Desenvolvendo o Projeto Fit Blog
- IA para Criação de Imagens para Interfaces, com Pedro Afonso
- Luz e Sombra
- Caminho Livre
- Como traduzir seu site em qualquer idioma
- Prospecção de Clientes na Gringa
- Todos os comandos e atalhos do Framer
- Ambientação
- Criando a Hero Section de uma LP de 18k
- Criando e conectando um custom domain
- Do Figma para o Framer
- Boas-vindas ao Framer Skills
- Carreira Internacional
- Como prospectar clientes na gringa
- Conteúdo Extra
- Criando animações avançadas com Yã Izidoro
- Criando o Site do WhatsApp com Animações
- Criando o site do 99 Pop com Figma, Midjourney e Framer
- Criando site do Design ao Framer - Midjourney, ChatGPT, AutoLayout
- Interfaces que impactam, com Rad Gomes
- Links e Recursos úteis
- Materiais Complementares (1)
- Materiais Complementares
- Material
- Material
- Material
- Material
- Material
- Material
- Material
- Material
- Material
- Material
- Material
- Material
- Performance e desempenho de sites, com Eduardo Amaral
- Prospectando clientes com Marcus Dutra
- Prospectando clientes e vendendo templates
- Webarte, caminhos criativos para sites com Bruno Aurélio_2
- framer-skills.jpg
-
02 2. Order Bump Framer Skills - Projetos Internacionais 2 aulas
- Insights para Prospectar Clientes Internacionais
- Material
-
03 3. FigmaSkills 15 aulas
- Criando a dobra de um site
- O que é Auto Layout no Figma
- O que é Figma
- Criando um App e Prototipando no Figma
- Entenda componentes no Figma
- Primeiro contato com o Figma
- Estilizando Tipografia
- Instalando o Figma no seu Computador
- Estilizando cores no projeto
- Planos Educacionais
- Compartilhamento e Gerenciamento de Acessos
- Estilizando Grids no Figma
- Duplicando e Movendo Figma
- Grupo de Networking
- Sobre o Curso
-
04 4. Mentorias Infinity Skills 2 aulas
- Mentoria 1 - 07.01.2025
- Mentoria 2 - 08.01.2025
-
05 5. UIUX Design 10 aulas
- Apresentação
- Página de inscrição
- Analisando páginas ruin
- Mensurando o impacto do design
- Quais canais de comunicação
- Outros canais de comunicação
- Página de obrigado
- Mapa Mental (1)
- UI Design e Marketing Digital - Parte 1
- UI Design e Marketing Digital - Parte 2
Framer Skills com Kácio Felipe: Aprenda a Criar e Animar Sites Profissionais
O curso Framer Skills – Kácio Felipe é voltado para quem busca dominar o design de interfaces e desenvolvimento de sites usando Figma e Framer, com foco em aplicação prática. Em português, ele traz desde conceitos fundamentais até técnicas avançadas, incluindo projetos reais para montar um portfólio consistente.
O que você vai aprender
- Estratégias de UI Design aplicadas a lançamentos digitais, explicadas em um módulo com 7 aulas focadas na criação de páginas que convertem.
- Conceitos básicos e avançados do Figma para criação de layouts e protótipos.
- Uso do Framer para transformar designs estáticos em sites interativos com animações e efeitos visuais detalhados.
- Construção completa de lojas virtuais no Framer, com 5 aulas sobre montagem e otimização.
- Desenvolvimento de projetos reais envolvendo briefs completos, como os sites Universal, Fighter X e Fit Blog.
- Análise do design digital inspirado em grandes marcas, incluindo um estudo baseado no NuBank.
- Técnicas para captar clientes – módulos que abordam vendas, prospecção online e entrada no mercado internacional.
Conteúdo programático
- Módulo Onboarding: introdução ao curso e ambiente de aprendizagem.
- Módulo Primeiros Passos: fundamentos do Figma em 6 aulas detalhadas.
- Módulo UI Design aplicado a lançamentos com foco em estratégias práticas (7 aulas).
- Módulo Efeitos e Animações no Framer: técnicas para dar vida aos seus sites.
- Módulo E-commerce: criação completa de lojas virtuais no Framer (5 aulas).
- Módulos dos Projetos Reais – Universal, Fighter X, Fit Blog: aplicação prática desde briefing até publicação final.
- Módulo NuBank: estudo da abordagem visual de uma marca reconhecida no digital.
- Múltiplos módulos voltados à captação real de clientes nacionais e internacionais.
Informações do curso
- Professor: Kácio Felipe
- Nível: Iniciante a intermediário
Para quem é indicado
Ideal para designers iniciantes ou intermediários que desejam migrar para o design digital focado na criação de sites. O curso é adequado ainda para quem nunca utilizou Figma ou Framer antes. Profissionais interessados em desenvolver portfólio prático ou obter experiência real na construção de sites vão encontrar conteúdo relevante. Para quem trabalha exclusivamente com design gráfico tradicional sem interesse imediato em web, o curso pode não ser o foco ideal neste momento.
Você também pode gostar
Formação Photoshop Pro - Caio Vinícius
Alta Performance no Canva - Julianny Sanches
