Framer Skills 2026 | Kácio Felipe
Framer Skills 2026: Kácio Felipe ensina a transformar Figma em site publicado sem montar um móvel sem manual. Compre no Site
O preço original era: R$ 997,00.R$ 65,00O preço atual é: R$ 65,00.
As Melhores Formas de Pagamento
O que você recebe ao entrar Tudo organizado para estudar com praticidade, clareza e acesso rápido.
Módulos do Framer Skills 2026
Sua jornada de aprendizado
011. Framer Skills
▷155 aulas•▤18 materiais•97:18:36
- ◦ Boas vindas ao Framer Skills
- ◦ Aula 1 - Boas vindas ao Framer Skills
- ◦ Aula 2 - Criando o seu Framer Pass
- ◦ Aula 3 - Melhor forma de estudar o Framer Skills
- ◦ Aula 1 - O que é o Framer
- ◦ Aula 2 - Criando a sua conta e instalando o Framer
- ◦ Aula 3 - Conhecendo a interface do Framer
- ◦ Aula 4 - Preços e Planos do Framer
- ◦ Aula 5 - Conheça o Framer Community
- ◦ Aula 6 - Todos os comandos e atalhos do Framer
- ◦ Aula 1 - Entenda sobre positioning and size
- ◦ Aula 2 - Componentes VS Variantes VS Variáveis
- ◦ Aula 3 - O poder do layout grid
- ◦ Aula 4 - Entenda stacks na prática
- ◦ Aula 5 - Proteção com senha no site
- ◦ Aula 6 - Analytics no Framer
- ◦ Aula 7 - Como traduzir seu site em qualquer idioma
- ◦ Aula 8 - Criando e conectando um custom domain
- ◦ Aula 9 - Do Figma para o Framer
- ◦ Aula 10 - Formulário no Framer
- ◦ Aula 11 - Remix Link
- ◦ Aula 12 - Como ganhar dinheiro de forma passiva com o Framer
- ◦ Aula 13 - Como passar um site do Framer para o seu cliente
- ◦ Aula 14 - Componentes Variantes e variáveis
- ◦ Aula 15 - Stacks positions e size
- ◦ Módulo 4 - Materiais ComplementaresMaterial
- ◦ Criando site do Design ao Framer - Midjourney, ChatGPT, AutoLayout
- ◦ Aula 01 - Projeto Universal
- ◦ Aula 02 - Custom font e estilização
- ◦ Aula 03 - Estilizando as cores
- ◦ Aula 04 - Criando a header da universal
- ◦ Aula 05 - Hero section - Parte 1
- ◦ Aula 06 - Hero section - Parte 2
- ◦ Aula 07 - Criando a sessão de funcionalidades
- ◦ Aula 08 - Criando a sessão de 'feito para você'
- ◦ Aula 09 - Criando a sessão de preços e planos
- ◦ Aula 10 - Filtrando planos entre Mensal e Anual
- ◦ Aula 11 - Criando card com overlay
- ◦ Aula 12 - Trabalhando no Footer
- ◦ Aula 13 - Refinando com link e houver
- ◦ Aula 14 - Criando o responsivo - Parte 1
- ◦ Aula 15 - Criando o responsivo - Parte 2
- ◦ Aula 16 - Menu hamburguer mobile
- ◦ Aula 17 - Refinamento final do projeto universal
- ◦ Aula 18 - Criando animações no projeto universal
- ◦ Módulo 6 - Materiais ComplementaresMaterial
- ◦ Aula 01 - Apresentando o Projeto Fighter X
- ◦ Aula 02 - Estilizando cores do Fighter X
- ◦ Aula 03 - Estilizando a tipografia do Fighter X
- ◦ Aula 04 - Criando a Header do Fighter X
- ◦ Aula 05 - Criando a Hero Section do Fighter X
- ◦ Aula 06 - Criando logos em loop infinito Fighter X
- ◦ Aula 07 - Criando a sessão dos soldados no Fighter X
- ◦ Aula 08 - Criando CMS e filtrando os soldados
- ◦ Aula 09 - Criando sessão de revolução
- ◦ Aula 10 - Criando o Footer Fighter X
- ◦ Aula 11 - Criando responsivo tablet
- ◦ Aula 12 - Criando responsivo mobile
- ◦ Aula 13 - O que fazer antes de publicar qualquer site
- ◦ Módulo 7 - Materiais ComplementaresMaterial
- ◦ Aula 1 - Apresentando o Projeto Fit Blog
- ◦ Aula 2 - Estilizando cores do Projeto Fit Blog
- ◦ Aula 3 - Criando a Navbar Fit Blog
- ◦ Aula 4 - Estruturando o CMS do Projeto Fit Blog
- ◦ Aula 5 - Criando a Hero Section
- ◦ Aula 6 - Desenvolvendo o Projeto Fit Blog
- ◦ Módulo 8 - Materiais ComplementaresMaterial
- ◦ Aula 01 - Overview do Projeto Framer Skills
- ◦ Aula 02 - Estilizando as cores do Projeto Framer Skills
- ◦ Aula 03 - Importando a fonte do computador
- ◦ Aula 04 - Estilizando a Tipografia
- ◦ Aula 05 - Criando a navbar do Projeto Framer Skills
- ◦ Aula 06 - Criando a Hero Section
- ◦ Aula 07 - Texto passando em loop
- ◦ Aula 08 - Criando a sessão Interface com Scroll Transform
- ◦ Aula 09 - Criando módulos do curso com layout grid
- ◦ Aula 10 - Sessão 'para quem é o curso'
- ◦ Módulo 9 - Materiais ComplementaresMaterial
- ◦ Aula 1 - Criando projeto do Nubank do zero [Tutorial Completo]
- ◦ Aula 2 - Mailchimp Framer - Como capturar Leads de forma gratuita - Como criar uma página de Captura e Obrigado
- ◦ Módulo 10 - Materiais ComplementaresMaterial
- ◦ Aula 01 - Criando o site do 99 Pop com Figma, Midjourney e Framer
- ◦ Aula 02 - Criando um projeto do zero para os alunos do Gilberto Prado
- ◦ Aula 01 - 3D com Spline + Framer
- ◦ Aula 02 - Efeito Drag em elementos
- ◦ Aula 03 - Lottie Files + Framer
- ◦ Aula 04 - Animações de preenchimento de texto ao scrollar
- ◦ Aula 05 - Criando Header Interativo e alterações por sessão
- ◦ Aula 06 - Scroll horizontal
- ◦ Aula 07 - Efeito stacking em cards
- ◦ Aula 08 - Efeito smooth scroll
- ◦ Aula 09 - Scroll transform animation
- ◦ Aula 10 - Textos animados
- ◦ Aula 11 - Criando spinnings animados
- ◦ Aula 12 - Globo interativo e destaque de locais
- ◦ Aula 13 - Efeito Text
- ◦ Aula 14 - 3D Framer Update
- ◦ Aula 15 - Criando uma sessão do site do GTA sem códigos
- ◦ Aula 16 - Site com experiência Apple (sem códigos)
- ◦ Aula 17 - Animações avançadas com Figma e Framer
- ◦ Aula 8 - CódigosMaterial
- ◦ Módulo 12 - Materiais ComplementaresMaterial
- ◦ GTA LiveMaterial
- ◦ Aula 1 - Mudando a cor do scroll do navegador
- ◦ Aula 2 - Download de documentos no Framer
- ◦ Aula 3 - Como ganhar dinheiro de forma passiva com o Framer
- ◦ Criando o Site do WhatsApp com Animações
- ◦ Sites com vídeos e alta performance
- ◦ Aula 1 - Filtros e CMS com o projeto da C6 Bank
- ◦ Aula 2 - Mega Menus dentro do Framer
- ◦ Aula 1 - Como prospectar clientes na gringa
- ◦ Aula 2 - Carreira na Gringa para Iniciantes
- ◦ Aula 3 - Vendi um site para um cliente e agora
- ◦ Aula 1 - Resultados rápidos com Figma + Framer
- ◦ Aula 2 - Detalhes e recursos do Framer
- ◦ Aula 3 - Projeto Olipop - Parte 1
- ◦ Aula 4 - Projeto Olipop - Parte 2
- ◦ Carreira Internacional
- ◦ AssistaMaterial
- ◦ Episódio 1 - O ponto cego
- ◦ Episódio 2 - UX e UI design
- ◦ Episódio 3 - Cavando oportunidades
- ◦ Episódio 4 - Resultado do desafio Tesla
- ◦ Links e recursos úteis (arquivo Notion completo)Material
- ◦ Prospectando clientes e vendendo templates
- ◦ Aula 1 - Aulão com alunos - 09/2024
- ◦ Aula 2 - Aulão com alunos - 10/2024
- ◦ Aula 3 - Aulão com alunos - 11/2024
- ◦ Aula 4 - Aulão com alunos - 01/2025
- ◦ Aula 5 - Construindo uma Interface do 0
- ◦ Aula 6 - IA para Criação de Imagens para Interfaces, com Pedro Afonso
- ◦ Aula 7 - Prospecção de Clientes na Gringa
- ◦ Aula 8 - Criando a Hero Section de uma LP de
- ◦ Parte 1
- ◦ Parte 2
- ◦ Parte 3
- ◦ Criando animações avançadas com Yã Izidoro
- ◦ MaterialMaterial
- ◦ Aula 1 - Instalando o Spline
- ◦ Aula 2 - Bibliotecas, Tutoriais e Comunidade
- ◦ Aula 3 - Overview da Área de Trabalho
- ◦ Aula 4 - Shapes básicos
- ◦ Aula 5 - Shape Torus Knot
- ◦ Aula 6 - Luz e Sombra
- ◦ Aula 7 - Caminho Livre
- ◦ Aula 8 - Ambientação
- ◦ Interfaces que impactam, com Rad Gomes
- ◦ MaterialMaterial
- ◦ Performance e desempenho de sites, com Eduardo Amaral
- ◦ MaterialMaterial
- ◦ Webarte, caminhos criativos para sites com Bruno Aurélio
- ◦ Materiais ComplementaresMaterial
- ◦ Prospectando clientes com Marcus Dutra
- ◦ MaterialMaterial
- ◦ UI Design e Marketing Digital - Parte 1
- ◦ UI Design e Marketing Digital - Parte 2
- ◦ Aula 1 - Apresentação
- ◦ Aula 2 - Mensurando o impacto do design
- ◦ Aula 3 - Página de inscrição
- ◦ Aula 4 - Analisando páginas ruins
- ◦ Aula 5 - Quais canais de comunicação são mais importantes
- ◦ Aula 6 - Outros canais de comunicação
- ◦ Aula 7 - Página de obrigado
- ◦ Mapa MentalMaterial
- ◦ Live 1 - Criação de assets, imagens e vídeos para a BYD com uso de IA e transformando em site
- ◦ Live 2 - Criando a dobra de um site do zero utilizando o Figma e inteligências artificiais
- ◦ Live 3 - Criando assets, imagens, vídeos com Nano Banana e Midjourney
- ◦ Live 4 - Construindo uma interface do 0
- ◦ Live 5 - IA para criação de imagens para interfaces, com Pedro Afonso
- ◦ Live 6 - Criando sua primeira landing page de lançamento
- ◦ Live 7 - Criando formulários de lançamento, conectando UTMs, com Leo Scapinello
- ◦ Live 8 - Projetos enviados no Figma ao Framer com IA, 4ª edição
- ◦ Clube de DescontosMaterial
022. (Order Bump) Projetos Internacionais
▷1 aula•▤1 material•00:15:38
- ◦ Insights para Prospectar Clientes Internacionais
- ◦ MaterialMaterial
033. Mentorias Infinity Skills
▷2 aulas•03:29:06
- ◦ Mentoria 1 - 07/01/2025
- ◦ Mentoria 2 - 08/01/2025
044. Portal de Recursos Skills
▤1 material
- ◦ Acesso ao PortalMaterial
Os arquivos não são reproduzidos, incorporados nem disponibilizados para acesso por este catálogo.
Sobre o Framer Skills 2026 📜
O Framer Skills 2026 é uma formação para quem quer tirar uma ideia da tela do Figma, transformá-la em site publicado e não passar três dias encarando um painel técnico como quem tenta montar um guarda-roupa sem manual. A proposta gira em torno do Framer, uma ferramenta no-code que permite criar sites profissionais sem depender da programação tradicional para cada etapa. Isso não significa apertar um botão e esperar magia; significa aprender uma forma visual, estruturada e mais direta de construir experiências digitais.
O ponto forte está em não tratar um site como uma imagem bonita que, por acidente, foi parar na internet. O conteúdo trabalha layout, posicionamento, dimensionamento, grids, stacks e responsividade. Em português de gente: você aprende a organizar os elementos para que eles não virem uma gaveta de cabos embolados quando a tela muda de tamanho. Responsividade é justamente isso: fazer o projeto continuar legível e funcional no computador, no tablet e no celular, sem aquele clássico botão que foge para outro continente.
Também entram componentes, variantes e variáveis, conceitos que parecem nomes de uma banda de rock progressivo, mas resolvem uma dor muito prática. Componentes são peças reutilizáveis; variantes permitem criar versões dessas peças; variáveis ajudam a manter ajustes consistentes. Em vez de refazer o mesmo botão em vinte páginas e descobrir tarde demais que cada um ficou de uma cor, você constrói um sistema. É como preparar uma receita-base antes de sair inventando coberturas: o resultado ganha ordem, velocidade e menos chance de desastre culinário.
O Framer Skills 2026 avança para animações, interações e efeitos de scroll, recursos que dão movimento ao site quando há motivo para isso — não apenas porque alguém descobriu uma animação e resolveu colocá-la em todo canto. A proposta inclui ainda CMS, útil para criar conteúdos gerenciáveis, como páginas de blog, além de aplicações em e-commerce e projetos práticos. Ao trabalhar exemplos completos, incluindo fluxos com Figma + Framer, Auto Layout, ChatGPT e Midjourney, o treinamento ajuda a conectar criação, organização e publicação em vez de deixar cada ferramenta vivendo numa aba diferente do navegador.
Mas o que muda na prática? Para designers, pode ser uma maneira de assumir também a entrega do site, não só do layout. Para programadores, pode representar uma rota visual e rápida para determinadas páginas e landing pages. E para quem atua com clientes, há uma conversa profissional importante: entender design e desenvolvimento no mesmo fluxo pode ajudar a estruturar entregas mais completas, criar portfólio e abordar projetos de maior escopo. É um conhecimento especialmente coerente para quem acompanha conteúdos de desenvolvimento de sites e quer trocar o “eu desenhei, agora alguém resolve” por uma execução mais autônoma.
Quem é Kácio Felipe 👤
Kácio Felipe atua como Product Designer, UI/UX Designer e especialista em Framer, com trajetória ligada à criação de produtos digitais. Seu trabalho reúne websites, aplicativos, dashboards, e-commerce, sistemas B2B e B2C — tipos de projeto que exigem mais do que fazer uma página esteticamente agradável. Exigem pensar em fluxo, clareza, consistência e no que acontece depois que o layout sai do arquivo.
Ao longo de mais de sete anos de experiência profissional, Kácio reúne passagens e trabalhos associados a empresas como Bitso, Toro Investimentos/Santander, Grupo Primo e EVT. Seu portfólio também apresenta atuação com design systems e produtos escaláveis. Isso ajuda a entender o recorte do treinamento: a preocupação não fica limitada a aprender botões, efeitos e telas isoladas; ela alcança a lógica de construir algo que possa crescer sem exigir uma reforma geral a cada nova seção.
A relação com o Framer aparece de forma concreta em seus perfis profissionais, na comunidade da ferramenta e em projetos publicados em sua galeria oficial. Kácio também mantém atividades educacionais ligadas a Figma, Framer e IA, incluindo workshops sobre o caminho entre briefing, design e publicação. Para quem está avaliando o professor, esse detalhe importa: o tema do Framer Skills 2026 conversa diretamente com a prática que ele apresenta em portfólio e com os formatos de ensino que já desenvolveu.
Resultado esperado com o Framer Skills 2026 ⚡
O resultado mais plausível não é sair criando qualquer site em velocidade supersônica antes de entender o que está fazendo. É ganhar repertório para tomar decisões melhores. Ao compreender como grids, stacks, componentes e responsividade se relacionam, o aluno pode deixar de montar páginas como quem empilha caixas no escuro. A execução tende a ficar mais previsível: cada parte tem função, cada ajuste encontra seu lugar e o projeto não depende de improviso para sobreviver.
Na sequência, animações, interações e CMS ampliam as possibilidades de aplicação. Uma landing page pode ganhar movimento com propósito; um blog pode receber conteúdo sem precisar reconstruir a estrutura; uma vitrine digital pode ser planejada com mais atenção à navegação. A diferença parece pequena até você comparar uma página estática com uma experiência que orienta a pessoa a entender, explorar e agir. Não é enfeite pelo enfeite: é design trabalhando junto com a função.
Para quem deseja atender clientes ou fortalecer um portfólio em UI/UX, aprender o fluxo entre Figma e Framer também pode reduzir a distância entre ideia e entrega. Em vez de passar o bastão no meio da corrida e torcer para o resultado respeitar o projeto, você passa a enxergar melhor o caminho até a publicação. Isso não elimina a importância de desenvolvimento tradicional em cenários complexos, mas abre uma ferramenta relevante para projetos em que velocidade visual, autonomia e boa apresentação fazem diferença.
Se a sua dificuldade hoje é transformar layouts em sites responsivos, organizados e publicáveis — sem fazer do processo uma novela de 87 capítulos — vale olhar o Framer Skills 2026 com atenção. A combinação de fundamentos, projetos práticos, CMS e animações oferece um percurso consistente para quem quer compreender o Framer de verdade e aplicar esse conhecimento com mais segurança no próximo projeto.
- Pagamento Único
- Acesse mais de 200 Cursos atualizados!!
- Novos Cursos Sem Custo
- Atualizações Recorrentes
- Comunicação Transparente
- Suporte Exclusivo
