Ir para o conteúdo
R$ 0,00 0
Loja Designer
Framer Skills - Kácio Felipe

Framer Skills - Kácio Felipe

Framer Skills: deixe suas telas ganhar vida sem parecerem peças de museu; Kácio Felipe ensina Figma e Framer na prática. Confira no Site

R$ 127,90

O que você recebe

  • 159 aulas
  • 7 materiais de apoio
  • 5 módulos organizados
  • Pagamento na hora pelo PIX
  • Acesso enviado por e‑mail
  • Compra sem cadastro

Módulos do Framer Skills - Kácio Felipe

Sua jornada de aprendizado

5 módulos 159 aulas 7 materiais
  1. 01 1. Framer Skills - Kácio Felipe 133 aulas · 5 materiais
    • 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
    • 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
    • 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
    • e mais 88 arquivos neste módulo
  2. 02 2. Order Bump Framer Skills - Projetos Internacionais 1 aula
    • Insights para Prospectar Clientes Internacionais
  3. 03 3. FigmaSkills 14 aulas · 1 material
    • 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
  4. 04 4. Mentorias Infinity Skills 2 aulas
    • Mentoria 1 - 07.01.2025
    • Mentoria 2 - 08.01.2025
  5. 05 5. UIUX Design 9 aulas · 1 material
    • 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

Sobre o Framer Skills 📜

Se você já desenhou uma tela bonita, mas travou na hora de transformá-la em um site funcional, conhece bem a distância entre imaginar e publicar. O Framer Skills aproxima essas duas etapas, começando pela base de UI Design, ou design de interfaces, e passando pelo Figma até chegar à criação de páginas no Framer. A proposta é aprender enquanto constrói, entendendo como escolhas visuais e decisões de uso se encontram no navegador. Em vez de deixar o projeto preso no arquivo de design, você acompanha o caminho até ele ganhar forma.

O começo organiza a casa: o onboarding, isto é, a introdução ao curso, dá contexto antes dos primeiros passos com as ferramentas. No Figma, a atenção vai para a criação de telas e para a organização das ideias; depois, o Framer entra como espaço para transformar essas telas em sites. Pense em preparar uma bancada antes de montar um móvel: cada etapa facilita a seguinte. Essa sequência pode ajudar tanto quem está começando quanto quem já desenha e quer entender melhor a passagem do layout para uma experiência navegável.

Como sair do visual estático sem fazer a página parecer uma festa de efeitos? A resposta está em usar animações com intenção. O conteúdo de efeitos no Framer explora como dar movimento às interfaces, enquanto o trabalho com componentes, partes reutilizáveis de uma página, ajuda a manter consistência entre elementos. É parecido com ajustar a iluminação de uma vitrine: ela chama atenção para o produto, mas não precisa competir com ele. Assim, você pode pensar em interações que orientem a pessoa, em vez de apenas enfeitar a tela.

Os projetos práticos conectam as ferramentas a situações concretas de design para a web. A partir de referências como Universal, Fighter X, Fit Blog e NuBank, o curso percorre decisões de interface e a construção de sites com diferentes propósitos. Também aborda e-commerce, ou loja virtual, incluindo a organização de páginas voltadas à apresentação e venda de produtos. Para quem trabalha em um projeto próprio, é como trocar o rascunho de uma reforma por cômodos que já dá para percorrer: cada escolha visual precisa funcionar no conjunto, não só numa tela isolada.

O Framer Skills faz mais sentido para quem atua em design ou quer entrar no nicho de criação de sites, seja no início da carreira ou buscando ampliar o que já oferece. Além da parte visual e prática, o conteúdo inclui temas de captação de clientes, prospecção online e mercado internacional, aproximando a construção dos sites da realidade de apresentar um serviço. O método é de Kácio Felipe e inclui participações voltadas a assuntos como marketing digital, animação avançada e Spline, uma ferramenta de criação 3D. A ideia é fazer, observar e ajustar, como numa oficina de protótipos.

Resultado esperado com o Framer Skills ⚡

Um curso de criação de sites não instala uma fila de clientes na porta enquanto você prepara café, embora a imagem seja simpática. O que pode oferecer é um processo mais claro para sair de uma ideia e chegar a uma página publicada: planejar a interface, construir as telas, dar forma ao site e cuidar das interações. O resultado depende do que você pratica e de como aplica o conteúdo, mas a sequência tende a deixar menos nebulosa a passagem entre design e execução.

Com essa base, você pode avaliar melhor por que uma página está confusa, escolher com mais critério onde usar movimento e organizar um projeto de e-commerce sem tratar cada tela como um trabalho separado. Também pode montar peças para apresentar seu processo e conversar com potenciais clientes com exemplos concretos. É como levar uma amostra pronta a uma reunião: a conversa fica menos abstrata quando a outra pessoa consegue ver o que você sabe construir.

Para quem está começando, os fundamentos de Figma e Framer podem ajudar a estruturar um primeiro projeto de site. Um designer que já faz interfaces pode explorar animações e componentes para desenvolver páginas mais completas. Já quem quer atender negócios pode aplicar os projetos práticos como referência ao planejar páginas de marca ou lojas virtuais, adaptando cada decisão ao briefing recebido. O conteúdo de prospecção, por sua vez, oferece pontos para pensar em como apresentar esse trabalho no mercado.

Se você se reconhece entre quem quer deixar de apenas desenhar páginas e começar a construí-las, vale considerar o Framer Skills com atenção. Ele reúne prática de UI Design, Figma, Framer, projetos de sites e temas ligados à busca por clientes, sem separar o visual do uso real. Pense no curso como um espaço para testar, revisar e tornar seu processo mais consistente. A escolha faz sentido quando esse tipo de trabalho conversa com o caminho que você quer desenvolver.

Você também pode gostar

Precisa de ajuda?