Curso de Framer do Básico ao Avançado - Framer Skills

Kácio Filipe

Procuct Designer

Protagonize a revolução das interfaces.

Crie sites disruptivos com o Framer e entregue uma solução completa.

Lista de espera

Kácio Filipe

Procuct Designer

Protagonize a revolução das interfaces.

Crie sites disruptivos com o Framer e entregue uma solução completa.

Lista de espera

Descubra porque UI / UX design é a área mais valorizada do design gráfico hoje.

Framer é o novo Figma?

A revolução que mal começou. Saia na frente, seja pioneiro.

16,5 milhões de páginas publicadas. Uma nova a cada 2 segundos.

21,5k membros na comunidade

67 updates em 2023

Grandes empresas que já usam Framer:

Não dá pra dizer se o Framer é o novo Figma, mas ...

Assim como o Figma em seu início, estamos recebendo melhorias em um ritmo quase semanal, mas principalmente:

Toda UI criada no Figma, pode vir para o Framer com 1 clique. A integração é 👌

É como se o Figma ganhasse um botão de publicar, só que com mais possibilidades.

Com Framer você consegue criar:

Sem códigos

Integração ao seu CRM

Fóruns

E-Commerce com Shopify

Área de membros

Blogs com CMS nativo

Landing pages

Sites completos

Projetos que você vai aprender a criar do zero no Framer Skills:

curso

Framer

mais

completo

país,

para

tornar

UI Designer

mais

arrojado

mercado!

O curso de Framer mais completo do país, para te tornar o UI Designer mais arrojado do mercado!

curso

Framer

mais

completo

país,

para

tornar

UI Designer

mais

arrojado

mercado!

O curso de Framer mais completo do país, para te tornar o UI Designer mais arrojado do mercado!

curso

Framer

mais

completo

país,

para

tornar

UI Designer

mais

arrojado

mercado!

O curso de Framer mais completo do país, para te tornar o UI Designer mais arrojado do mercado!

Projetos que você vai aprender a criar do zero no Framer Skills:

01
7 Aulas
Introdução ao Framer
◆
O que é o Framer
Criando a sua conta e instalando o Framer
◆
Conhecendo a interface do Framer
◆
Preços e Planos do Framer
◆
Conheça o Framer Community
◆
Criando a interface com IA do Framer
◆
Todos os comandos e atalhos do Framer
◆
02
11 Aulas
Fundamentos do Framer
◆
Entenda sobre positioning and size
Componentes VS Variants VS Variaveis
◆
O poder do layout grid
◆
Entenda stacks na prática
◆
Proteção com senha no site
◆
Analytics no Framer
◆
Como traduzir seu site em qualquer idioma
◆
03
01h42
Processo de criação de sites
◆
Criando site do Design ao Framer - Midjourney, ChatGPT, AutoLayout
04
18 aulas
Projeto Universal
◆
Projeto Universal
Custom font e estilização
◆
Estilizando as cores
◆
Criando a header da universal
◆
Hero section Parte 1
◆
Hero section Parte 2
◆
Criando a sessão de funcionalidades
◆
05
13 Aulas
Projeto Fighter X
◆
Apresentando o projeto Fighter X
Estilizando cores do Fighter X
◆
Estilizando a tipografia do Fighter X
◆
Criando a Header do Fighter X
◆
Criando a Hero Section do Fighter X
◆
Criando logos em loop infinito Fighter X
◆
Criando a sessão dos soldados no Fighter X
◆
06
6 Aulas
Projeto Fit Blog
◆
Apresentando o Projeto Fit Blog
Estilizando cores do Projeto Fit Blog
◆
Criando a Navbar Fit Blog
◆
Estruturando o CMS do Projeto Fit Blog
◆
Criando a Hero Section
◆
Desenvolvendo o Projeto Fit Blog
◆
07
10 Aulas
Projeto Framer Skills
◆
Overview do Projeto Framer Skills
Estilizando as cores do Projeto Framer Skills
◆
Importando a fonte do computador
◆
Estilizando a tipografia
◆
Criando a navbar do Projeto Framer Skills
◆
Criando a Hero Section
◆
Texto passando em loop
◆
08
40m
Projeto do NuBank
◆
Criando projeto do Nubank do zero [Tutorial Completo]
Mailchimp Framer Como Capturar Leads de Forma Gratuita / Como criar uma página de Captura e obrigado
◆
09
41m
Criando um site do zero com Figma + Framer
◆
Criando o site do 99 Pop com Figma, modjourney e Framer
10
14 Aulas
Efeitos e animações dentro do Framer
◆
3D com Spline + Framer
Efeito Drag em elementos
◆
Lottie files + Framer
◆
Animação de preenchimento de texto ao scrollar
◆
Criando header interativo e alterações por sessão
◆
Scroll horizontal
◆
Efeito stacking em cards
◆
11
3 Aulas
Framer Tips
◆
Mudando a cor do scroll do navegador
Download de documentos no Framer
◆
Como ganhar dinheiro de forma passiva com o Framer
◆
12
17m
Site do WhatsApp com Animações Prática
◆
Criando o site do WhatsApp com animações

01
7 Aulas
Introdução ao Framer
◆
O que é o Framer
Criando a sua conta e instalando o Framer
◆
Conhecendo a interface do Framer
◆
Preços e Planos do Framer
◆
Conheça o Framer Community
◆
Criando a interface com IA do Framer
◆
Todos os comandos e atalhos do Framer
◆
02
11 Aulas
Fundamentos do Framer
◆
Entenda sobre positioning and size
Componentes VS Variants VS Variaveis
◆
O poder do layout grid
◆
Entenda stacks na prática
◆
Proteção com senha no site
◆
Analytics no Framer
◆
Como traduzir seu site em qualquer idioma
◆
03
01h42
Processo de criação de sites
◆
Criando site do Design ao Framer - Midjourney, ChatGPT, AutoLayout
04
18 aulas
Projeto Universal
◆
Projeto Universal
Custom font e estilização
◆
Estilizando as cores
◆
Criando a header da universal
◆
Hero section Parte 1
◆
Hero section Parte 2
◆
Criando a sessão de funcionalidades
◆
05
13 Aulas
Projeto Fighter X
◆
Apresentando o projeto Fighter X
Estilizando cores do Fighter X
◆
Estilizando a tipografia do Fighter X
◆
Criando a Header do Fighter X
◆
Criando a Hero Section do Fighter X
◆
Criando logos em loop infinito Fighter X
◆
Criando a sessão dos soldados no Fighter X
◆
06
6 Aulas
Projeto Fit Blog
◆
Apresentando o Projeto Fit Blog
Estilizando cores do Projeto Fit Blog
◆
Criando a Navbar Fit Blog
◆
Estruturando o CMS do Projeto Fit Blog
◆
Criando a Hero Section
◆
Desenvolvendo o Projeto Fit Blog
◆
07
10 Aulas
Projeto Framer Skills
◆
Overview do Projeto Framer Skills
Estilizando as cores do Projeto Framer Skills
◆
Importando a fonte do computador
◆
Estilizando a tipografia
◆
Criando a navbar do Projeto Framer Skills
◆
Criando a Hero Section
◆
Texto passando em loop
◆
08
40m
Projeto do NuBank
◆
Criando projeto do Nubank do zero [Tutorial Completo]
Mailchimp Framer Como Capturar Leads de Forma Gratuita / Como criar uma página de Captura e obrigado
◆
09
41m
Criando um site do zero com Figma + Framer
◆
Criando o site do 99 Pop com Figma, modjourney e Framer
10
14 Aulas
Efeitos e animações dentro do Framer
◆
3D com Spline + Framer
Efeito Drag em elementos
◆
Lottie files + Framer
◆
Animação de preenchimento de texto ao scrollar
◆
Criando header interativo e alterações por sessão
◆
Scroll horizontal
◆
Efeito stacking em cards
◆
11
3 Aulas
Framer Tips
◆
Mudando a cor do scroll do navegador
Download de documentos no Framer
◆
Como ganhar dinheiro de forma passiva com o Framer
◆
12
17m
Site do WhatsApp com Animações Prática
◆
Criando o site do WhatsApp com animações

Projetos que você vai aprender a criar do zero no Framer Skills:

7 Aulas

Introdução ao Framer

◆

O que é o Framer

Criando a sua conta e instalando o Framer

◆

Conhecendo a interface do Framer

◆

Preços e Planos do Framer

◆

Conheça o Framer Community

◆

Criando a interface com IA do Framer

◆

Todos os comandos e atalhos do Framer

◆

7 Aulas

Introdução ao Framer

◆

O que é o Framer

Criando a sua conta e instalando o Framer

◆

Conhecendo a interface do Framer

◆

Preços e Planos do Framer

◆

Conheça o Framer Community

◆

Criando a interface com IA do Framer

◆

Todos os comandos e atalhos do Framer

◆

11 Aulas

Fundamentos do Framer

◆

Entenda sobre positioning and size

Componentes VS Variants VS Variaveis

◆

O poder do layout grid

◆

Entenda stacks na prática

◆

Proteção com senha no site

◆

Analytics no Framer

◆

Como traduzir seu site em qualquer idioma

◆

11 Aulas

Fundamentos do Framer

◆

Entenda sobre positioning and size

Componentes VS Variants VS Variaveis

◆

O poder do layout grid

◆

Entenda stacks na prática

◆

Proteção com senha no site

◆

Analytics no Framer

◆

Como traduzir seu site em qualquer idioma

◆

01h42

Processo de criação de sites

◆

Criando site do Design ao Framer - Midjourney, ChatGPT, AutoLayout

01h42

Processo de criação de sites

◆

Criando site do Design ao Framer - Midjourney, ChatGPT, AutoLayout

18 aulas

Projeto Universal

◆

Projeto Universal

Custom font e estilização

◆

Estilizando as cores

◆

Criando a header da universal

◆

Hero section Parte 1

◆

Hero section Parte 2

◆

Criando a sessão de funcionalidades

◆

18 aulas

Projeto Universal

◆

Projeto Universal

Custom font e estilização

◆

Estilizando as cores

◆

Criando a header da universal

◆

Hero section Parte 1

◆

Hero section Parte 2

◆

Criando a sessão de funcionalidades

◆

13 Aulas

Projeto Fighter X

◆

Apresentando o projeto Fighter X

Estilizando cores do Fighter X

◆

Estilizando a tipografia do Fighter X

◆

Criando a Header do Fighter X

◆

Criando a Hero Section do Fighter X

◆

Criando logos em loop infinito Fighter X

◆

Criando a sessão dos soldados no Fighter X

◆

13 Aulas

Projeto Fighter X

◆

Apresentando o projeto Fighter X

Estilizando cores do Fighter X

◆

Estilizando a tipografia do Fighter X

◆

Criando a Header do Fighter X

◆

Criando a Hero Section do Fighter X

◆

Criando logos em loop infinito Fighter X

◆

Criando a sessão dos soldados no Fighter X

◆

6 Aulas

Projeto Fit Blog

◆

Apresentando o Projeto Fit Blog

Estilizando cores do Projeto Fit Blog

◆

Criando a Navbar Fit Blog

◆

Estruturando o CMS do Projeto Fit Blog

◆

Criando a Hero Section

◆

Desenvolvendo o Projeto Fit Blog

◆

6 Aulas

Projeto Fit Blog

◆

Apresentando o Projeto Fit Blog

Estilizando cores do Projeto Fit Blog

◆

Criando a Navbar Fit Blog

◆

Estruturando o CMS do Projeto Fit Blog

◆

Criando a Hero Section

◆

Desenvolvendo o Projeto Fit Blog

◆

10 Aulas

Projeto Framer Skills

◆

Overview do Projeto Framer Skills

Estilizando as cores do Projeto Framer Skills

◆

Importando a fonte do computador

◆

Estilizando a tipografia

◆

Criando a navbar do Projeto Framer Skills

◆

Criando a Hero Section

◆

Texto passando em loop

◆

10 Aulas

Projeto Framer Skills

◆

Overview do Projeto Framer Skills

Estilizando as cores do Projeto Framer Skills

◆

Importando a fonte do computador

◆

Estilizando a tipografia

◆

Criando a navbar do Projeto Framer Skills

◆

Criando a Hero Section

◆

Texto passando em loop

◆

40m

Projeto do NuBank

◆

Criando projeto do Nubank do zero [Tutorial Completo]

Mailchimp Framer Como Capturar Leads de Forma Gratuita / Como criar uma página de Captura e obrigado

◆

40m

Projeto do NuBank

◆

Criando projeto do Nubank do zero [Tutorial Completo]

Mailchimp Framer Como Capturar Leads de Forma Gratuita / Como criar uma página de Captura e obrigado

◆

41m

Criando um site do zero com Figma + Framer

◆

Criando o site do 99 Pop com Figma, modjourney e Framer

41m

Criando um site do zero com Figma + Framer

◆

Criando o site do 99 Pop com Figma, modjourney e Framer

14 Aulas

Efeitos e animações dentro do Framer

◆

3D com Spline + Framer

Efeito Drag em elementos

◆

Lottie files + Framer

◆

Animação de preenchimento de texto ao scrollar

◆

Criando header interativo e alterações por sessão

◆

Scroll horizontal

◆

Efeito stacking em cards

◆

14 Aulas

Efeitos e animações dentro do Framer

◆

3D com Spline + Framer

Efeito Drag em elementos

◆

Lottie files + Framer

◆

Animação de preenchimento de texto ao scrollar

◆

Criando header interativo e alterações por sessão

◆

Scroll horizontal

◆

Efeito stacking em cards

◆

3 Aulas

Framer Tips

◆

Mudando a cor do scroll do navegador

Download de documentos no Framer

◆

Como ganhar dinheiro de forma passiva com o Framer

◆

3 Aulas

Framer Tips

◆

Mudando a cor do scroll do navegador

Download de documentos no Framer

◆

Como ganhar dinheiro de forma passiva com o Framer

◆

17m

Site do WhatsApp com Animações Prática

◆

Criando o site do WhatsApp com animações

17m

Site do WhatsApp com Animações Prática

◆

Criando o site do WhatsApp com animações

Projetos que você vai aprender a criar do zero no Framer Skills:

7 Aulas

Introdução ao Framer

◆

O que é o Framer

Criando a sua conta e instalando o Framer

◆

Conhecendo a interface do Framer

◆

Preços e Planos do Framer

◆

Conheça o Framer Community

◆

Criando a interface com IA do Framer

◆

Todos os comandos e atalhos do Framer

◆

Aulas com os maiores especialistas do segmento

1h50m

Prospecção e Business.

JP compartilhou como conseguir clientes e ganhar em dólar vendendo templates. Desde o primeiro cliente até faturar no exterior, ele deu o passo a passo completo!

@jp.webflow

1h21m

Prospectando clientes na era digital.

Marcos deu várias dicas sobre como encontrar clientes na gringa, criar um LinkedIn campeão e se destacar como freelancer internacional. Tudo de um jeito prático e direto para quem ainda está iniciando na carreira internacional!

Marcus Dutra

@marcaum.eth

1h44m

Spline 3D

Nasser mostrou como o 3D pode transformar suas interfaces no Framer. Ele falou sobre a SPLINE e como usar essa ferramenta para criar animações que deixam qualquer site incrível!

Nasser Yousef

@nasseryousef__

WebArte - Caminhos criativos na construção de websites.

Bruno falou sobre como buscar referências e trazer mais criatividade para seus projetos, elevando seus sites a outro nível. Criatividade é o segredo!

Bruno Aurélio

@bruninho.dsg

1h40m

Performance e Desempenho de sites.

Eduardo Amaral ensinou como deixar seu site voando em velocidade! Ensinou como otimizar o desempenho de sites com SEO, meta descriptions e acessibilidade. Tudo que você precisa para garantir alta performance antes da publicação!

Eduardo Amaral

@ux.dudu

1h33m

Sites que impactam.

Rad Gomes mostrou seu processo criativo para criar interfaces de impacto. Analisou sites, deu dicas e mostrou o segredo por trás do site da Starbucks e seus projetos internacionais.

Radi Gomes

@rad.gomes

1h35m

Animações Avançadas.

Yã Izidoro trouxe dicas incríveis para criar animações complexas no Framer, que realmente fazem seus projetos se destacarem. Quer dar aquele upgrade? Ele mostrou o caminho!

Yã Izidoro

@ya.izidoro

1h20m

Carreira na gringa.

Gabe Bo compartilhou dicas valiosas para construir uma carreira internacional, conseguir o primeiro emprego, receber em dólar e mandar bem em entrevistas. Tudo para quem quer crescer na gringa!

Gabe Bo

@gabe__bo

+ de 8 convidados e contando ...

+ 11 horas de conteúdo adicional e contanto ...

1h20m
Carreira na gringa.
Gabe Bo compartilhou dicas valiosas para construir uma carreira internacional, conseguir o primeiro emprego, receber em dólar e mandar bem em entrevistas. Tudo para quem quer crescer na gringa!
Gabe Bo
@gabe__bo
1h35m
Animações Avançadas.
Yã Izidoro trouxe dicas incríveis para criar animações complexas no Framer, que realmente fazem seus projetos se destacarem. Quer dar aquele upgrade? Ele mostrou o caminho!
Yã Izidoro
@ya.izidoro
1h33m
Sites que impactam.
Rad Gomes mostrou seu processo criativo para criar interfaces de impacto. Analisou sites, deu dicas e mostrou o segredo por trás do site da Starbucks e seus projetos internacionais.
Radi Gomes
@rad.gomes
1h40m
Performance e Desempenho de sites.
Eduardo Amaral ensinou como deixar seu site voando em velocidade! Ensinou como otimizar o desempenho de sites com SEO, meta descriptions e acessibilidade. Tudo que você precisa para garantir alta performance antes da publicação!
Eduardo Amaral
@ux.dudu
2h
WebArte - Caminhos criativos na construção de websites.
Bruno falou sobre como buscar referências e trazer mais criatividade para seus projetos, elevando seus sites a outro nível. Criatividade é o segredo!
Bruno Aurélio
@bruninho.dsg
1h44m
Spline 3D
Nasser mostrou como o 3D pode transformar suas interfaces no Framer. Ele falou sobre a SPLINE e como usar essa ferramenta para criar animações que deixam qualquer site incrível!
Nasser Yousef
@nasseryousef__
1h21m
Prospectando clientes na era digital.
Marcos deu várias dicas sobre como encontrar clientes na gringa, criar um LinkedIn campeão e se destacar como freelancer internacional. Tudo de um jeito prático e direto para quem ainda está iniciando na carreira internacional!
Marcus Dutra
@marcaum.eth
1h50m
Prospecção e Business.
JP compartilhou como conseguir clientes e ganhar em dólar vendendo templates. Desde o primeiro cliente até faturar no exterior, ele deu o passo a passo completo!
JP
@jp.webflow

1h20m
Carreira na gringa.
Gabe Bo compartilhou dicas valiosas para construir uma carreira internacional, conseguir o primeiro emprego, receber em dólar e mandar bem em entrevistas. Tudo para quem quer crescer na gringa!
Gabe Bo
@gabe__bo
1h35m
Animações Avançadas.
Yã Izidoro trouxe dicas incríveis para criar animações complexas no Framer, que realmente fazem seus projetos se destacarem. Quer dar aquele upgrade? Ele mostrou o caminho!
Yã Izidoro
@ya.izidoro
1h33m
Sites que impactam.
Rad Gomes mostrou seu processo criativo para criar interfaces de impacto. Analisou sites, deu dicas e mostrou o segredo por trás do site da Starbucks e seus projetos internacionais.
Radi Gomes
@rad.gomes
1h40m
Performance e Desempenho de sites.
Eduardo Amaral ensinou como deixar seu site voando em velocidade! Ensinou como otimizar o desempenho de sites com SEO, meta descriptions e acessibilidade. Tudo que você precisa para garantir alta performance antes da publicação!
Eduardo Amaral
@ux.dudu
2h
WebArte - Caminhos criativos na construção de websites.
Bruno falou sobre como buscar referências e trazer mais criatividade para seus projetos, elevando seus sites a outro nível. Criatividade é o segredo!
Bruno Aurélio
@bruninho.dsg
1h44m
Spline 3D
Nasser mostrou como o 3D pode transformar suas interfaces no Framer. Ele falou sobre a SPLINE e como usar essa ferramenta para criar animações que deixam qualquer site incrível!
Nasser Yousef
@nasseryousef__
1h21m
Prospectando clientes na era digital.
Marcos deu várias dicas sobre como encontrar clientes na gringa, criar um LinkedIn campeão e se destacar como freelancer internacional. Tudo de um jeito prático e direto para quem ainda está iniciando na carreira internacional!
Marcus Dutra
@marcaum.eth
1h50m
Prospecção e Business.
JP compartilhou como conseguir clientes e ganhar em dólar vendendo templates. Desde o primeiro cliente até faturar no exterior, ele deu o passo a passo completo!
JP
@jp.webflow

Ferramentas já integradas ao Framer.

O Framer Skills não para de evoluir.

Bônus disponíveis após o período de garantia.

Fazer inscrição!

+Mais de 1000 alunos

Select Skills

O Select Skills é a vitrine dos alunos destaques, onde seus projetos e habilidades são recomendados para grandes clientes.

Scroll transform e scroll variant

Um novo curso exclusivo, disponível na Imagenation, onde mostro exatamente como usar um dos recursos mais avançados do Framer para criar experiências totalmente diferentes com scroll transform e scroll variante.

Clube de descontos

Marcelo Kimura, Imagenation, Framer e Framer ecommerce, setups e outros parceiros estarão ali, oferecendo descontos especiais para alunos do Framer Skills.

Encontro mensal com alunos

Framer é uma máquina de anunciar novidades, e decifrá-las antes de todo mundo e transformar em conhecimento aplicável é o papel do nosso professor. Traremos novidades nos encontros mensais, responderemos dúvidas e talvez até, faremos algumas análises do que vocês estão criando.

Workshop do Figma ao Framer

(Re)viva a experiência do Workshop edição 1 e 2, com muitas horas de conteúdo em formato de aulas, passando de forma prática por etapas como o briefing, construção da interface no Figma, até a materialização da página final implementada no Framer.

UI PRO

Adquirindo o combo, o aluno UI Skills terá acesso ao módulo completo sobre UI, para agregar ainda mais a sua jornada profissional como UI Designer.

Select Skills

O Select Skills é a vitrine dos alunos destaques, onde seus projetos e habilidades são recomendados para grandes clientes.

Scroll transform e scroll variant

Clube de descontos

Marcelo Kimura, Imagenation, Framer e Framer ecommerce, setups e outros parceiros estarão ali, oferecendo descontos especiais para alunos do Framer Skills.

Encontro mensal com alunos

Workshop do Figma ao Framer

(Re)viva a experiência do Workshop edição 1, 2 e 3, com muitas horas de conteúdo em formato de aulas, passando de forma prática por etapas como o briefing, construção da interface no Figma, até a materialização da página final implementada no Framer.

UI PRO

Adquirindo o combo, o aluno UI Skills terá acesso ao módulo completo sobre UI, para agregar ainda mais a sua jornada profissional como UI Designer.

Select Skills

O Select Skills é a vitrine dos alunos destaques, onde seus projetos e habilidades são recomendados para grandes clientes.

Scroll transform e scroll variant

Clube de descontos

Marcelo Kimura, Imagenation, Framer e Framer ecommerce, setups e outros parceiros estarão ali, oferecendo descontos especiais para alunos do Framer Skills.

Encontro mensal com alunos

Workshop do Figma ao Framer

UI PRO

Adquirindo o combo, o aluno UI Skills terá acesso ao módulo completo sobre UI, para agregar ainda mais a sua jornada profissional como UI Designer.

O Framer Skills não para de evoluir.

Bônus disponíveis após o período de garantia.

Fazer inscrição!

+Mais de 1000 alunos

Select Skills

O Select Skills é a vitrine dos alunos destaques, onde seus projetos e habilidades são recomendados para grandes clientes.

Scroll transform e scroll variant

Clube de descontos

Marcelo Kimura, Imagenation, Framer e Framer ecommerce, setups e outros parceiros estarão ali, oferecendo descontos especiais para alunos do Framer Skills.

Encontro mensal com alunos

Workshop do Figma ao Framer

UI PRO

Adquirindo o combo, o aluno UI Skills terá acesso ao módulo completo sobre UI, para agregar ainda mais a sua jornada profissional como UI Designer.

Select Skills

O Select Skills é a vitrine dos alunos destaques, onde seus projetos e habilidades são recomendados para grandes clientes.

Scroll transform e scroll variant

Clube de descontos

Marcelo Kimura, Imagenation, Framer e Framer ecommerce, setups e outros parceiros estarão ali, oferecendo descontos especiais para alunos do Framer Skills.

Encontro mensal com alunos

Workshop do Figma ao Framer

UI PRO

Adquirindo o combo, o aluno UI Skills terá acesso ao módulo completo sobre UI, para agregar ainda mais a sua jornada profissional como UI Designer.

Depoimentos de alunos

"Depois de otimizar meu fluxo com o Framer, minha produtividade aumentou muito. Consigo pegar mais projetos, cobrar o que eu acho justo e entregar pacotes completos. O Framer me permitiu crescer como profissional, e a qualidade do que eu crio mudou completamente."
Vicente Talento
@vicentetalento
"O diferencial do Kácio, é dele ter a proximidade com as pessoas... que realmente querem investir na área. Em 6 meses eu fiz a primeira página para uma grande empresa... E o meu lucro passou do valor de investimento (no curso)."
João Luiz Barros
joaoluizdesigner.com.br
"Maior ponto de transformação do curso… foi que eu consegui cobrar mais, e gerar mais valor para os meus clientes."
Carlos Gabriel
carlos_.ux

Bruno Aguiar

@aguiar.bruno.art

”Hoje consigo fechar ótimos negócios todos os meses. Aprendi a valorizar meu trabalho e não preciso mais viver do volume de jobs.”

Bruno Aguiar

@aguiar.bruno.art

"Depois de otimizar meu fluxo com o Framer, minha produtividade aumentou muito. Consigo pegar mais projetos, cobrar o que eu acho justo e entregar pacotes completos. O Framer me permitiu crescer como profissional, e a qualidade do que eu crio mudou completamente."

Vicente Talento

@vicentetalento

"O diferencial do Kácio, é dele ter a proximidade com as pessoas... que realmente querem investir na área. Em 6 meses eu fiz a primeira página para uma grande empresa... E o meu lucro passou do valor de investimento (no curso)."

João Luiz Barros

joaoluizdesigner.com.br

"Maior ponto de transformação do curso… foi que eu consegui cobrar mais, e gerar mais valor para os meus clientes."

Carlos Gabriel

carlos_.ux

"Depois de otimizar meu fluxo com o Framer, minha produtividade aumentou muito. Consigo pegar mais projetos, cobrar o que eu acho justo e entregar pacotes completos. O Framer me permitiu crescer como profissional, e a qualidade do que eu crio mudou completamente."
Vicente Talento
@vicentetalento
"O diferencial do Kácio, é dele ter a proximidade com as pessoas... que realmente querem investir na área. Em 6 meses eu fiz a primeira página para uma grande empresa... E o meu lucro passou do valor de investimento (no curso)."
João Luiz Barros
joaoluizdesigner.com.br
"Maior ponto de transformação do curso… foi que eu consegui cobrar mais, e gerar mais valor para os meus clientes."
Carlos Gabriel
carlos_.ux

"Depois de otimizar meu fluxo com o Framer, minha produtividade aumentou muito. Consigo pegar mais projetos, cobrar o que eu acho justo e entregar pacotes completos. O Framer me permitiu crescer como profissional, e a qualidade do que eu crio mudou completamente."
Vicente Talento
@vicentetalento
"O diferencial do Kácio, é dele ter a proximidade com as pessoas... que realmente querem investir na área. Em 6 meses eu fiz a primeira página para uma grande empresa... E o meu lucro passou do valor de investimento (no curso)."
João Luiz Barros
joaoluizdesigner.com.br
"Maior ponto de transformação do curso… foi que eu consegui cobrar mais, e gerar mais valor para os meus clientes."
Carlos Gabriel
carlos_.ux

O que você vai fazer com o Framer depende muito do que você sabe sobre UI Design.

O Framer é como um carro de F1. Para extrair o seu melhor, é preciso ser um grande piloto. O UI Skills é onde formamos esses pilotos.

Boas Vindas
◆
Direitos autorais
◆
Apresentação e Boas vindas
◆
Comunidade UI Skills
◆
File Skills - Repositório de Links
◆
Card Skills pra postar
◆
Estudando da melhor forma
A profissão
◆
Introdução ao UI
◆
O que é UX e UI Design?
◆
Papel do UI e UX Designer atividades
◆
UI Designer dia a dia na prática, o que você vai fazer
◆
Carreira e oportunidades
◆
Como se preparar para as vagas
Princípios de Design
◆
O que são princípios de Design?
◆
Clareza, balanceamento e with space
◆
Principios na prática - PT 01
◆
Hierarquia, contraste e ênfase
◆
Aplicando os principios
◆
Aplicando os principios - PT 02
Heurísticas de Nielsen
◆
O que são Heurísticas de Nielsen?
◆
Visibilidade, correspondência, controle e consistência
◆
Prevenção reconhecimento e eficiência
◆
Estético, ajude o usuário, ajuda e documentação
◆
◆
Princípios de Gestalt
◆
A origem
◆
Similaridade
◆
Continuidade
◆
Fechamento
◆
Figura/Fundo
◆
Pregnância
Cores
◆
Introdução
◆
Circulo Cromático
◆
Código das cores HSB, HSL, RGB, Hex
◆
Psicologia das cores
◆
Primária, secundária, Gray Colors e Feedback
◆
Aplicando cores em interface
Tipografia
◆
Introdução
◆
Personalidade
◆
Anatomia dos tipos
◆
Tipos de Fonte
◆
Pesos
◆
Cores em texto
Imagens
◆
Introdução
◆
Melhores lugares para Procurar
◆
Melhores práticas
◆
Gerando no Midjourney
◆
◆
Grids e Espaçamento
◆
Introdução
◆
Tipos de Grid
◆
The Box Model
◆
Layout Grid
◆
8 pontos
◆
Grids na Prática
Ícones
◆
Introdução
◆
Tipos de Icones
◆
Melhores práticas
◆
Bibliotecas para encontrar Icones
◆
◆
Ilustrações
◆
Introdução
◆
Tipos de Illustração
◆
Melhores práticas
◆
Bibliotecas para encontrar Icones
◆
◆
Especiais
◆
Introdução
◆
Melhores lugares para Procurar
◆
Melhores práticas
◆
◆
◆
Componentes de UI
◆
Introdução
◆
Botões
◆
Cards
◆
Accordion
◆
Inputs
◆
Dropdown
Processo de Design
◆
Briefing
◆
Proposta
◆
Contrato
◆
Benchmarking
◆
Inspirações
◆
MoodBoard na prática
Projeto na Prática
◆
Criando site
◆
Briefing
◆
◆
◆
◆
Fechamento de projeto
◆
Pre Briefing
◆
Pre Briefing Pratica
◆
Briefing
◆
Proposta Comercial
◆
Proposta Comercial Pratica
◆
Contrato

Boas Vindas

◆

Direitos autorais

◆

Apresentação e Boas vindas

◆

Comunidade UI Skills

◆

File Skills - Repositório de Links

◆

Card Skills pra postar

◆

Estudando da melhor forma

A profissão

◆

Introdução ao UI

◆

O que é UX e UI Design?

◆

Papel do UI e UX Designer atividades

◆

UI Designer dia a dia na prática, o que você vai fazer

◆

Carreira e oportunidades

◆

Como se preparar para as vagas

Princípios de Design

◆

O que são princípios de Design?

◆

Clareza, balanceamento e with space

◆

Principios na prática - PT 01

◆

Hierarquia, contraste e ênfase

◆

Aplicando os principios

◆

Aplicando os principios - PT 02

Heurísticas de Nielsen

◆

O que são Heurísticas de Nielsen?

◆

Visibilidade, correspondência, controle e consistência

◆

Prevenção reconhecimento e eficiência

◆

Estético, ajude o usuário, ajuda e documentação

◆

Princípios de Gestalt

◆

A origem

◆

Similaridade

◆

Continuidade

◆

Fechamento

◆

Figura/Fundo

◆

Pregnância

Cores

◆

Introdução

◆

Circulo Cromático

◆

Código das cores HSB, HSL, RGB, Hex

◆

Psicologia das cores

◆

Primária, secundária, Gray Colors e Feedback

◆

Aplicando cores em interface

Tipografia

◆

Introdução

◆

Personalidade

◆

Anatomia dos tipos

◆

Tipos de Fonte

◆

Pesos

◆

Cores em texto

Grids e Espaçamento

◆

Introdução

◆

Tipos de Grid

◆

The Box Model

◆

Layout Grid

◆

8 pontos

◆

Grids na Prática

Ícones

◆

Introdução

◆

Tipos de Icones

◆

Melhores práticas

◆

Bibliotecas para encontrar Icones

◆

Ilustrações

◆

Introdução

◆

Tipos de Illustração

◆

Melhores práticas

◆

Bibliotecas para encontrar Icones

◆

Imagens

◆

Introdução

◆

Melhores lugares para Procurar

◆

Melhores práticas

◆

Gerando no Midjourney

◆

Especiais

◆

Introdução

◆

Melhores lugares para Procurar

◆

Melhores práticas

◆

Processo de fechamento de projeto

◆

Pre Briefing

◆

Pre Briefing Pratica

◆

Briefing

◆

Proposta Comercial

◆

Proposta Comercial Pratica

◆

Contrato

Componentes de UI

◆

Introdução

◆

Botões

◆

Cards

◆

Accordion

◆

Inputs

◆

Dropdown

Processo de Design

◆

Briefing

◆

Proposta

◆

Contrato

◆

Benchmarking

◆

Inspirações

◆

MoodBoard na prática

Projeto na Prática

◆

Criando site

◆

Briefing

◆

Boas Vindas

◆

Direitos autorais

◆

Apresentação e Boas vindas

◆

Comunidade UI Skills

◆

File Skills - Repositório de Links

◆

Card Skills pra postar

◆

Estudando da melhor forma

A profissão

◆

Introdução ao UI

◆

O que é UX e UI Design?

◆

Papel do UI e UX Designer atividades

◆

UI Designer dia a dia na prática, o que você vai fazer

◆

Carreira e oportunidades

◆

Como se preparar para as vagas

Princípios de Design

◆

O que são princípios de Design?

◆

Clareza, balanceamento e with space

◆

Principios na prática - PT 01

◆

Hierarquia, contraste e ênfase

◆

Aplicando os principios

◆

Aplicando os principios - PT 02

Heurísticas de Nielsen

◆

O que são Heurísticas de Nielsen?

◆

Visibilidade, correspondência, controle e consistência

◆

Prevenção reconhecimento e eficiência

◆

Estético, ajude o usuário, ajuda e documentação

◆

Princípios de Gestalt

◆

A origem

◆

Similaridade

◆

Continuidade

◆

Fechamento

◆

Figura/Fundo

◆

Pregnância

Cores

◆

Introdução

◆

Circulo Cromático

◆

Código das cores HSB, HSL, RGB, Hex

◆

Psicologia das cores

◆

Primária, secundária, Gray Colors e Feedback

◆

Aplicando cores em interface

Tipografia

◆

Introdução

◆

Personalidade

◆

Anatomia dos tipos

◆

Tipos de Fonte

◆

Pesos

◆

Cores em texto

Grids e Espaçamento

◆

Introdução

◆

Tipos de Grid

◆

The Box Model

◆

Layout Grid

◆

8 pontos

◆

Grids na Prática

Ícones

◆

Introdução

◆

Tipos de Icones

◆

Melhores práticas

◆

Bibliotecas para encontrar Icones

◆

Ilustrações

◆

Introdução

◆

Tipos de Illustração

◆

Melhores práticas

◆

Bibliotecas para encontrar Icones

◆

Imagens

◆

Introdução

◆

Melhores lugares para Procurar

◆

Melhores práticas

◆

Gerando no Midjourney

◆

Especiais

◆

Introdução

◆

Melhores lugares para Procurar

◆

Melhores práticas

◆

Processo de fechamento de projeto

◆

Pre Briefing

◆

Pre Briefing Pratica

◆

Briefing

◆

Proposta Comercial

◆

Proposta Comercial Pratica

◆

Contrato

Componentes de UI

◆

Introdução

◆

Botões

◆

Cards

◆

Accordion

◆

Inputs

◆

Dropdown

Processo de Design

◆

Briefing

◆

Proposta

◆

Contrato

◆

Benchmarking

◆

Inspirações

◆

MoodBoard na prática

Projeto na Prática

◆

Criando site

◆

Briefing

◆

O que você vai fazer com o Framer depende muito do que você sabe sobre UI Design.

O Framer é como um carro de F1. Para extrair o seu melhor, é preciso ser um grande piloto. O UI Skills é onde formamos esses pilotos.

Boas Vindas
◆
Direitos autorais
◆
Apresentação e Boas vindas
◆
Comunidade UI Skills
◆
File Skills - Repositório de Links
◆
Card Skills pra postar
◆
Estudando da melhor forma
A profissão
◆
Introdução ao UI
◆
O que é UX e UI Design?
◆
Papel do UI e UX Designer atividades
◆
UI Designer dia a dia na prática, o que você vai fazer
◆
Carreira e oportunidades
◆
Como se preparar para as vagas
Princípios de Design
◆
O que são princípios de Design?
◆
Clareza, balanceamento e with space
◆
Principios na prática - PT 01
◆
Hierarquia, contraste e ênfase
◆
Aplicando os principios
◆
Aplicando os principios - PT 02
Heurísticas de Nielsen
◆
O que são Heurísticas de Nielsen?
◆
Visibilidade, correspondência, controle e consistência
◆
Prevenção reconhecimento e eficiência
◆
Estético, ajude o usuário, ajuda e documentação
◆
◆
Princípios de Gestalt
◆
A origem
◆
Similaridade
◆
Continuidade
◆
Fechamento
◆
Figura/Fundo
◆
Pregnância
Cores
◆
Introdução
◆
Circulo Cromático
◆
Código das cores HSB, HSL, RGB, Hex
◆
Psicologia das cores
◆
Primária, secundária, Gray Colors e Feedback
◆
Aplicando cores em interface
Tipografia
◆
Introdução
◆
Personalidade
◆
Anatomia dos tipos
◆
Tipos de Fonte
◆
Pesos
◆
Cores em texto
Imagens
◆
Introdução
◆
Melhores lugares para Procurar
◆
Melhores práticas
◆
Gerando no Midjourney
◆
◆
Grids e Espaçamento
◆
Introdução
◆
Tipos de Grid
◆
The Box Model
◆
Layout Grid
◆
8 pontos
◆
Grids na Prática
Ícones
◆
Introdução
◆
Tipos de Icones
◆
Melhores práticas
◆
Bibliotecas para encontrar Icones
◆
◆
Ilustrações
◆
Introdução
◆
Tipos de Illustração
◆
Melhores práticas
◆
Bibliotecas para encontrar Icones
◆
◆
Especiais
◆
Introdução
◆
Melhores lugares para Procurar
◆
Melhores práticas
◆
◆
◆
Componentes de UI
◆
Introdução
◆
Botões
◆
Cards
◆
Accordion
◆
Inputs
◆
Dropdown
Processo de Design
◆
Briefing
◆
Proposta
◆
Contrato
◆
Benchmarking
◆
Inspirações
◆
MoodBoard na prática
Projeto na Prática
◆
Criando site
◆
Briefing
◆
◆
◆
◆
Fechamento de projeto
◆
Pre Briefing
◆
Pre Briefing Pratica
◆
Briefing
◆
Proposta Comercial
◆
Proposta Comercial Pratica
◆
Contrato

Boas Vindas

◆

Direitos autorais

◆

Apresentação e Boas vindas

◆

Comunidade UI Skills

◆

File Skills - Repositório de Links

◆

Card Skills pra postar

◆

Estudando da melhor forma

A profissão

◆

Introdução ao UI

◆

O que é UX e UI Design?

◆

Papel do UI e UX Designer atividades

◆

UI Designer dia a dia na prática, o que você vai fazer

◆

Carreira e oportunidades

◆

Como se preparar para as vagas

Princípios de Design

◆

O que são princípios de Design?

◆

Clareza, balanceamento e with space

◆

Principios na prática - PT 01

◆

Hierarquia, contraste e ênfase

◆

Aplicando os principios

◆

Aplicando os principios - PT 02

Heurísticas de Nielsen

◆

O que são Heurísticas de Nielsen?

◆

Visibilidade, correspondência, controle e consistência

◆

Prevenção reconhecimento e eficiência

◆

Estético, ajude o usuário, ajuda e documentação

◆

Princípios de Gestalt

◆

A origem

◆

Similaridade

◆

Continuidade

◆

Fechamento

◆

Figura/Fundo

◆

Pregnância

Cores

◆

Introdução

◆

Circulo Cromático

◆

Código das cores HSB, HSL, RGB, Hex

◆

Psicologia das cores

◆

Primária, secundária, Gray Colors e Feedback

◆

Aplicando cores em interface

Tipografia

◆

Introdução

◆

Personalidade

◆

Anatomia dos tipos

◆

Tipos de Fonte

◆

Pesos

◆

Cores em texto

Grids e Espaçamento

◆

Introdução

◆

Tipos de Grid

◆

The Box Model

◆

Layout Grid

◆

8 pontos

◆

Grids na Prática

Ícones

◆

Introdução

◆

Tipos de Icones

◆

Melhores práticas

◆

Bibliotecas para encontrar Icones

◆

Ilustrações

◆

Introdução

◆

Tipos de Illustração

◆

Melhores práticas

◆

Bibliotecas para encontrar Icones

◆

Imagens

◆

Introdução

◆

Melhores lugares para Procurar

◆

Melhores práticas

◆

Gerando no Midjourney

◆

Especiais

◆

Introdução

◆

Melhores lugares para Procurar

◆

Melhores práticas

◆

Processo de fechamento de projeto

◆

Pre Briefing

◆

Pre Briefing Pratica

◆

Briefing

◆

Proposta Comercial

◆

Proposta Comercial Pratica

◆

Contrato

Componentes de UI

◆

Introdução

◆

Botões

◆

Cards

◆

Accordion

◆

Inputs

◆

Dropdown

Processo de Design

◆

Briefing

◆

Proposta

◆

Contrato

◆

Benchmarking

◆

Inspirações

◆

MoodBoard na prática

Projeto na Prática

◆

Criando site

◆

Briefing

◆

Fature mais com Framer.

Chegou a sua hora de criar soluções robustas e complexas, sem código e se tornar um dos pioneiros na ferramenta que vai dominar o mercado.

Bônus são disponibilizados após o período de garantia.

Framer Skills +30h de conteúdo

UI Skills +20h de conteúdo

2 anos acesso | suporte

2 anos acesso e suporte

Garantia de 15 dias

Comunidade de alunos no Discord

Spline 3D - com especialista Nasser

3 Meses de Framer Pro Gratuito

⁠⁠Certificado de Conclusão

Replay do Workshop Figma ao Framer

Aulas Prospecção e vendas

Clube de desconto

Curso Olipop

Select Skills

Materiais Exclusivos

Encontros Mensais

Replay dos eventos em parceria com a Imagenation

+ de 11h de aulas bônus com especialistas

12X de

R$ 145,85

ou R$ 1.497,00 à vista

Lista de espera

12X de

R$ 145,85

ou R$ 1.497,00 à vista

Lista de espera

12X de

R$ 145,85

ou R$ 1.497,00 à vista

Lista de espera

você tem

15 dias

para

testar!

Se agarre a garantia, se nos primeiros 15 dias você perceber que o treinamento não é para você, me mande um e-mail que eu devolvo o seu pagamento integralmente, sem questionamentos.

Kácio Felipe

Procuct Designer

Quem será seu professor?

Já trabalhei na EVT, Grupo Primo, Bitso, atendi Heineken, Natura, Toro Investimentos, Joel Jotta, Nathalia Beauty, banco Santander, entre outros.

Hoje trabalho na Flat Irons e atualmente estou alocado no time de projetos da Disney 😎

Larguei a faculdade de ciência da computação no 4º ano quando me descobri apaixonado por design. Enfrentei resistência da família e hoje sou responsável por trazer o cunhado, a esposa e amigos para o ui design.

Mentorei minha esposa por 3 meses até conseguir um bom emprego na Decolar.com, quando largou a odontologia para também viver de UI.

Meu cunhado, 6 meses depois de entrar pra área já estava faturando mais de 10k por projeto, fazendo dash’s e interfaces.

Aos 22 anos, já cobrei de 1 a 50 mil reais em um projeto. Mesmo empregado, sigo fazendo meus freelas e compartilhando o que aprendo e me gera as oportunidades que conquistei em apenas 5 anos de carreira.