Fazer inscrição

99% das vagas preenchidas com os bônus atuais.

By AcademySkills

Área do aluno

Fazer inscrição

O fim do design reativo.

O fim do design reativo.

Construa projetos que pagam mais, viram cases de portfólio e fazem o mercado vir atrás de você.

Construa projetos que pagam mais, viram cases de portfólio e fazem o mercado vir atrás de você.

Domine UI, Framer e Vibe Coding para assumir projetos completos, entregar do layout ao produto publicado e aumentar o valor de cada contrato.

Fazer inscrição

Fazer inscrição

Aa

Aa

99% das vagas preenchidas com os bônus atuais.

Prototipação Interativa

Prototipação Interativa

Prototipação Interativa

Kácio Filipe

Product Designer

Kácio Filipe

Product Designer

Kácio Filipe

Product Designer

  • STYLE: premium SaaS landing page, modern UI design course sales page, futuristic educational platform aesthetic, high-conversion web design, minimalist dark interface, luxury digital product presentation, clean typography, sophisticated branding

    SUBJECT: landing page for a UI Design course bundle, featuring premium dashboard mockups, UI kits, interface previews, educational modules, testimonials, pricing cards, conversion-focused CTA buttons, modern digital product visuals, professional online learning experience

    ENVIRONMENT: dark premium web interface with blue and purple neon gradients, modern SaaS atmosphere, futuristic digital workspace aesthetic, responsive desktop landing page, elegant visual hierarchy inspired by Stripe, Framer and Linear

    PHOTOGRAPHY: front-facing UI presentation, straight-on perspective, Apple-style digital product showcase, 35mm equivalent perspective, soft ambient neon glow, cool blue-purple lighting, high contrast interface illumination, bento grid composition, asymmetrical layout, layered depth and premium spacing

    EFFECTS: glassmorphism, floating UI elements, glowing CTA buttons, blurred gradient backgrounds, soft shadows, cinematic interface rendering, ultra sharp typography, realistic screen mockups, smooth reflections, modern depth blur, premium SaaS presentation

    STYLE: premium SaaS landing page, modern UI design course sales page, futuristic educational platform aesthetic, high-conversion web design, minimalist dark interface, luxury digital product presentation, clean typography, sophisticated branding

    SUBJECT: landing page for a UI Design course bundle, featuring premium dashboard mockups, UI kits, interface previews, educational modules, testimonials, pricing cards, conversion-focused CTA buttons, modern digital product visuals, professional online learning experience

    ENVIRONMENT: dark premium web interface with blue and purple neon gradients, modern SaaS atmosphere, futuristic digital workspace aesthetic, responsive desktop landing page, elegant visual hierarchy inspired by Stripe, Framer and Linear

    PHOTOGRAPHY: front-facing UI presentation, straight-on perspective, Apple-style digital product showcase, 35mm equivalent perspective, soft ambient neon glow, cool blue-purple lighting, high contrast interface illumination, bento grid composition, asymmetrical layout, layered depth and premium spacing

    EFFECTS: glassmorphism, floating UI elements, glowing CTA buttons, blurred gradient backgrounds, soft shadows, cinematic interface rendering, ultra sharp typography, realistic screen mockups, smooth reflections, modern depth blur, premium SaaS presentation

Você está pronto?

Você está pronto?

A próxima geração de Product Designers será formada por quem domina processo, produto e IA.

A próxima geração de Product Designers será formada por quem domina processo, produto e IA.

61% das empresas afirmam não encontrar profissionais UX qualificados.

61%

+303% de crescimento projetado para o mercado de UI/UX de $2.9B para $11.7B até 2031

+303%

31% ao ano é a taxa média de crescimento dos serviços de UX no mundo

31%

61% das empresas afirmam não encontrar profissionais UX qualificados.

61%

+303% de crescimento projetado para o mercado de UI/UX de $2.9B para $11.7B até 2031

+303%

31% ao ano - é a taxa média de crescimento dos serviços de UX no mundo

31%

61% das empresas afirmam não encontrar profissionais UX qualificados.

61%

+303% de crescimento projetado para o mercado de UI/UX de $2.9B para $11.7B até 2031

+303%

31% ao ano - é a taxa média de crescimento dos serviços de UX no mundo

31%

Fontes: Mordor Intelligence, Fortune Business Insights, McKinsey — 2025/2026

Fontes: Mordor Intelligence, Fortune Business Insights, McKinsey — 2025/2026

O mercado paga bem?

Júnior

Júnior

R$ 3.000 — R$ 5.900

$20k — $27k

Pleno

Pleno

R$ 5.700 — R$ 11.700

$27k — $40k

Sênior

Sênior

R$ 10.200 — R$ 16.400

$40k — $61k

Product DesignerBrasil (CLT/mês)

Product DesignerInternacional (Anual/USD)

Fontes: Glassdoor, Levels.fyi e LinkedIn (Base 2025-2026).

Estão com vagas abertas agora.

A porta está aberta e falta gente qualificada para entrar nela.

Não dá para prever o futuro do design, mas dá para ver quem vai domina-lô.

Não dá para prever o futuro do design, mas dá para ver quem vai domina-lô.

Quando UI, Framer e Vibe Coding fazem parte do mesmo processo, você consegue assumir a entrega inteira: criar a interface, publicar a experiência e construir as funcionalidades.


Mais autonomia para entregar projetos completos e aumentar o valor de cada contrato.

Quando UI, Framer e Vibe Coding fazem parte do mesmo processo, você consegue assumir a entrega inteira: criar a interface, publicar a experiência e construir as funcionalidades.


Mais autonomia para entregar projetos completos e aumentar o valor de cada contrato.

O repertório de quem trabalha como Product Designer

Wireframes e arquitetura de informação

Wireframes e arquitetura de informação

Handoff técnico para devs

Handoff técnico para devs

Fluxos completos

Fluxos completos

Cases prontos para portfólio

Cases prontos para portfólio

Design systems escaláveis

Design systems escaláveis

Vibe coding aplicado

Vibe coding aplicado

Prototipação navegável

Prototipação navegável

Microinterações e animações

Microinterações e animações

O nível que essa formação prepara.

São projetos do Kácio e a formação te leva ao mesmo padrão.

Product Designer não nasce pronto. Se forma. Do problema ao produto no ar, você aprende a pensar o projeto, publicar no Framer e desenvolver com IA.

Product Designer não nasce pronto. Se forma. Do problema ao produto no ar, você aprende a pensar o projeto, publicar no Framer e desenvolver com IA.

Pensar

Pensar

Resolver problemas com design, não apenas decorar layouts.

Aprenda princípios, heurísticas, hierarquia e um processo que vai do briefing à proposta.

O que isso muda

Você deixa de competir apenas pela execução visual e passa a cobrar pelo raciocínio por trás de cada decisão.

Publicar

Publicar

Transforme interfaces em sites completos no Framer.

Domine responsividade, componentes, CMS, animações, microinterações e publicação enquanto desenvolve projetos reais.

O que isso muda

 você ganha autonomia para entregar o site funcionando e aumenta o valor do projeto para o cliente.

Desenvolver

Desenvolver

Transformar design em produto funcional com vibe coding.

Use Claude Code, Codex e outras ferramentas de código assistido por IA para desenvolver landing pages, dashboards, áreas de membros, SaaS e aplicativos.

O que isso muda

você passa a assumir projetos com funcionalidades reais, ampliando o escopo e o valor das suas entregas.

Bônus que acabam rápido

Spline3d + Figma de 3 dos meus novos melhores projetos

R$ 297

Figma com os bastidores de cada etapa, dos meus 3 melhores projetos para você estudar e usar como modelo. Crie elementos 3D no Spline, com animações, profundidade e interações. Transforme seus sites em experiências mais sofisticadas e impactantes.

200 primeiros inscritos

Spline3d + Figma de 3 dos meus novos melhores projetos

R$ 297

Figma com os bastidores de cada etapa, dos meus 3 melhores projetos para você estudar e usar como modelo. Crie elementos 3D no Spline, com animações, profundidade e interações. Transforme seus sites em experiências mais sofisticadas e impactantes.

200 primeiros inscritos

Spline3d + Figma de 3 dos meus novos melhores projetos

R$ 297

Figma com os bastidores de cada etapa, dos meus 3 melhores projetos para você estudar e usar como modelo. Crie elementos 3D no Spline, com animações, profundidade e interações. Transforme seus sites em experiências mais sofisticadas e impactantes.

200 primeiros inscritos

UI Design aplicado para lançamentos (com Willian Baldan)

R$ 297

Um curso exclusivo com Willian Baldan, referência em marketing de lançamentos, ensinando como aplicar UI Design para criar páginas mais estratégicas, atraentes e orientadas à conversão.

210 primeiros inscritos

UI Design aplicado para lançamentos (com Willian Baldan)

R$ 297

Um curso exclusivo com Willian Baldan, referência em marketing de lançamentos, ensinando como aplicar UI Design para criar páginas mais estratégicas, atraentes e orientadas à conversão.

210 primeiros inscritos

UI Design aplicado para lançamentos (com Willian Baldan)

R$ 297

Um curso exclusivo com Willian Baldan, referência em marketing de lançamentos, ensinando como aplicar UI Design para criar páginas mais estratégicas, atraentes e orientadas à conversão.

210 primeiros inscritos

Desconto Individual / combo com acesso vitalício

R$ 3.491

Condição especial e exclusiva do Workshop do Figma ao Framer com IA 7.

Encerra a qualquer momento

Desconto Individual / combo com acesso vitalício

R$ 3.491

Condição especial e exclusiva do Workshop do Figma ao Framer com IA 7.

Encerra a qualquer momento

Desconto Individual / combo com acesso vitalício

R$ 3.491

Condição especial e exclusiva do Workshop do Figma ao Framer com IA 7.

Encerra a qualquer momento

Entre no futuro do UI Design e da Inteligência Artificial
Entre no futuro do UI Design e da Inteligência Artificial

UI Skills, Framer Skills e Coding Skills, com a profundidade que vaga, cliente e mercado esperam ver.

A nova forma de estudarna Academy Skills.

Uma área de membros criada especialmente para esta turma, com conteúdosorganizados para você saber o que estudar e qual caminho seguir.

TRILHAS PRONTAS

TRILHAS PRONTAS

Escolha seu objetivo e siga o caminho.

ACADEMY LIBRARY

ACADEMY LIBRARY

Cursos, aulas, workshops, artigos e materiais da AcademySkills.

LUX AI

LUX AI

Converse com a Lux e descubra o próximo conteúdo para estudar.

A nova forma de estudarna Academy Skills.

Uma área de membros criada especialmente para esta turma, com conteúdos organizados para você saber o que estudar e qual caminho seguir.

TRILHAS PRONTAS

TRILHAS PRONTAS

Escolha seu objetivo e siga o caminho.

ACADEMY LIBRARY

ACADEMY LIBRARY

Cursos, aulas, workshops, artigos e materiais da AcademySkills.

LUX AI

LUX AI

Converse com a Lux e descubra o próximo conteúdo para estudar.

A nova forma de estudarna Academy Skills.

Uma área de membros criada especialmente para esta turma, com conteúdos organizados para você saber o que estudar e qual caminho seguir.

TRILHAS PRONTAS

TRILHAS PRONTAS

Escolha seu objetivo e siga o caminho.

ACADEMY LIBRARY

ACADEMY LIBRARY

Cursos, aulas, workshops, artigos e materiais da AcademySkills.

LUX AI

LUX AI

Converse com a Lux e descubra o próximo conteúdo para estudar.

Aprenda os fundamentos de UI Design para criar interfaces claras, consistentes e profissionais, tomando decisões visuais que unem estética, hierarquia e funcionalidade.

  • 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

◆

◆

◆

◆

Aprenda Framer desde os primeiros passos até a construção de sites completos, responsivos e com animações avançadas. Você acompanha projetos reais e entende como transformar uma interface em uma experiência publicada, sem precisar escrever código.

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

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

Processo de criação de sites

◆

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

◆

◆

◆

◆

◆

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

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

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

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

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

◆

◆

◆

◆

Criando um site do zero com Figma + Framer

◆

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

◆

◆

◆

◆

◆

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

Framer Tips

◆

Mudando a cor do scroll do navegador

◆

Download de documentos no Framer

◆

Como ganhar dinheiro de forma passiva com o Framer

◆

◆

◆

Site do WhatsApp com Animações Prática

◆

Criando o site do WhatsApp com animações

◆

◆

◆

◆

◆

E-commerce com Framer

◆

Introdução

◆

Estruturando projeto

◆

Desenvolvendo e Integrando

◆

Conectando checkout

◆

Integração Final

◆

  • 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

O treinamento para designers que querem dominar as ferramentas de código assistido por IA e tirar a dependência do dev do caminho. Claude Code, Codex e Lovable como motor e o  seu olhar de designer como direção.

Você vai aprender a documentar componentes, montar Style Guides vivos, criar agentes e sub-agentes, configurar Skills, e construir landing pages, SaaS, dashboards, áreas de membro e apps funcionais do zero ao deploy.

Você fecha o ciclo: do design ao produto que funciona.

Comece por Aqui

◆

O Novo Product Designer

◆

Primeiro contato com o Figma

◆

Panorama das Ferramentas de IA Estudar Este Cursoo o Figma no Computador

◆

◆

◆

Claude Code para Iniciantes

◆

Instalando o Claude Code

◆

Primeiros Comandos

◆

Conectando Figma MCP

◆

Prompts & Contexto

◆

Criando Skills

◆

Agentes & Sub-Agentes

Criando um Site do Zero

◆

Estrutura & Layout com Código

◆

Criando um App e prototipando no Figma

◆

Responsividade & Polish

◆

GitHub & Deploy na Vercel

◆

◆

Design System & Componentes

◆

Pensamento por Componentes

◆

Props, Variantes & Estados

◆

Design System com ShadCN

◆

Do Figma ao Código

◆

◆

Criando um WebApp do Zero

◆

Arquitetura do Projeto

◆

Construindo Features Reais

◆

Debugging & Refactoring com IA

◆

Deploy do WebApp

◆

◆

Pesquisa com IA

◆

Desk Research com IA

◆

Análise de Concorrentes

◆

Síntese de Dados & Briefing de Produto

◆

◆

◆

Claude Design

◆

Brainstorm de Interfaces

◆

Variações Visuais & Exploração Criativa

◆

Documentação de Decisões de Design

◆

◆

◆

Google Stitch

◆

Prototipando com Stitch

◆

◆

◆

◆

◆

OpenAI Codex

◆

Codex na Prática

◆

Claude Code vs Codex

◆

◆

◆

◆

Projeto com os alunos Clash of Clans

◆

A data será definida e informada

◆

◆

◆

◆

◆

  • Comece por Aqui

    ◆

    O Novo Product Designer

    ◆

    Primeiro contato com o Figma

    ◆

    Panorama das Ferramentas de IA Estudar Este Cursoo o Figma no Computador

    ◆

    ◆

    ◆

  • Claude Code para Iniciantes

    ◆

    Instalando o Claude Code

    ◆

    Primeiros Comandos

    ◆

    Conectando Figma MCP

    ◆

    Prompts & Contexto

    ◆

    Criando Skills

    ◆

    Agentes & Sub-Agentes

  • Criando um Site do Zero

    ◆

    Estrutura & Layout com Código

    ◆

    Criando um App e prototipando no Figma

    ◆

    Responsividade & Polish

    ◆

    GitHub & Deploy na Vercel

    ◆

    ◆

  • Design System & Componentes

    ◆

    Pensamento por Componentes

    ◆

    Props, Variantes & Estados

    ◆

    Design System com ShadCN

    ◆

    Do Figma ao Código

    ◆

    ◆

  • Criando um WebApp do Zero

    ◆

    Arquitetura do Projeto

    ◆

    Construindo Features Reais

    ◆

    Debugging & Refactoring com IA

    ◆

    Deploy do WebApp

    ◆

    ◆

  • Pesquisa com IA

    ◆

    Desk Research com IA

    ◆

    Análise de Concorrentes

    ◆

    Síntese de Dados & Briefing de Produto

    ◆

    ◆

    ◆

  • Claude Design

    ◆

    Brainstorm de Interfaces

    ◆

    Variações Visuais & Exploração Criativa

    ◆

    Documentação de Decisões de Design

    ◆

    ◆

    ◆

  • Google Stitch

    ◆

    Prototipando com Stitch

    ◆

    ◆

    ◆

    ◆

    ◆

  • OpenAI Codex

    ◆

    Codex na Prática

    ◆

    Claude Code vs Codex

    ◆

    ◆

    ◆

    ◆

  • Projeto com os alunos Clash of Clans

    ◆

    A data será definida e informada

    ◆

    ◆

    ◆

    ◆

    ◆

Muito conteúdo bônus

Muito conteúdo bônus

Muito conteúdo bônus

Disponíveis após o período de garantia.

Disponíveis após o período de garantia.

Aulas de prospecção e vendas

Aprenda como encontrar novos clientes, apresentar seu trabalho e transformar oportunidades em projetos. Aulas práticas para entender melhor o processo comercial e vender seu trabalho de forma mais estratégica.

Aulas de prospecção e vendas

Aprenda como encontrar novos clientes, apresentar seu trabalho e transformar oportunidades em projetos. Aulas práticas para entender melhor o processo comercial e vender seu trabalho de forma mais estratégica.

Select Skills

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

Select Skills

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

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.

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.

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.

Suporte ao conteúdo

Conte com um espaço para tirar dúvidas sobre as aulas, entender melhor os conteúdos e destravar os pontos em que tiver dificuldade ao longo da sua jornada no Framer Skills.

Suporte ao conteúdo

Conte com um espaço para tirar dúvidas sobre as aulas, entender melhor os conteúdos e destravar os pontos em que tiver dificuldade ao longo da sua jornada no Framer Skills.

Comunidade no Discord

Um espaço exclusivo para os alunos Skills.

Comunidade no Discord

Um espaço exclusivo para os alunos Skills.

Materiais exclusivos

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.

Materiais exclusivos

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.

Certificado de Conclusão

Ao finalizar o Framer Skills, você recebe um certificado que comprova sua participação e conclusão do programa, registrando oficialmente mais uma etapa da sua formação em Framer.

Certificado de Conclusão

Ao finalizar o Framer Skills, você recebe um certificado que comprova sua participação e conclusão do programa, registrando oficialmente mais uma etapa da sua formação em Framer.

Workshop do Figma ao Framer

(Re)viva a experiência do Workshop edição 1 a 6, 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.

Workshop do Figma ao Framer

(Re)viva a experiência do Workshop edição 1 a 6, 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.

Portal de Recursos

Uma biblioteca exclusiva com recursos, materiais, ferramentas e referências para acelerar seu processo de criação e tornar o desenvolvimento dos seus projetos no Framer ainda mais prático.

Portal de Recursos

Uma biblioteca exclusiva com recursos, materiais, ferramentas e referências para acelerar seu processo de criação e tornar o desenvolvimento dos seus projetos no Framer ainda mais prático.

Aulas de prospecção e vendas

Aprenda como encontrar novos clientes, apresentar seu trabalho e transformar oportunidades em projetos. Aulas práticas para entender melhor o processo comercial e vender seu trabalho de forma mais estratégica.

Select Skills

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

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.

Suporte ao conteúdo

Conte com um espaço para tirar dúvidas sobre as aulas, entender melhor os conteúdos e destravar os pontos em que tiver dificuldade ao longo da sua jornada no Framer Skills.

Comunidade no Discord

Um espaço exclusivo para os alunos Skills.

Materiais exclusivos

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.

Certificado de Conclusão

Ao finalizar o Framer Skills, você recebe um certificado que comprova sua participação e conclusão do programa, registrando oficialmente mais uma etapa da sua formação em Framer.

Workshop do Figma ao Framer

(Re)viva a experiência do Workshop edição 1 a 6, 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.

Portal de Recursos

Uma biblioteca exclusiva com recursos, materiais, ferramentas e referências para acelerar seu processo de criação e tornar o desenvolvimento dos seus projetos no Framer ainda mais prático.

Depoimentos

O que dizem nossos alunos

  • “Depois de otimizar meu fluxo com o Framer, minha produtividade aumentou muito. Consigo pegar mais projetos, cobrar o que 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

  • “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 diferencial do Kácio é a proximidade com as pessoas que realmente querem investir na área. Em 6 meses, fiz minha primeira página para uma grande empresa. Meu lucro superou o valor investido no curso.”

    João Luiz Barros

    joaoluizdesigner.com.br

Depoimentos

O que dizem nossos alunos

  • “Depois de otimizar meu fluxo com o Framer, minha produtividade aumentou muito. Consigo pegar mais projetos, cobrar o que 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

  • “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 diferencial do Kácio é a proximidade com as pessoas que realmente querem investir na área. Em 6 meses, fiz minha primeira página para uma grande empresa. Meu lucro superou o valor investido no curso.”

    João Luiz Barros

    joaoluizdesigner.com.br

Depoimentos

O que dizem nossos alunos

  • “Depois de otimizar meu fluxo com o Framer, minha produtividade aumentou muito. Consigo pegar mais projetos, cobrar o que 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

  • “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 diferencial do Kácio é a proximidade com as pessoas que realmente querem investir na área. Em 6 meses, fiz minha primeira página para uma grande empresa. Meu lucro superou o valor investido no curso.”

    João Luiz Barros

    joaoluizdesigner.com.br

Sua carreira como Product Designer começa aqui.

Sua carreira como Product Designer começa aqui.

Chegou a hora de entrar no mercado que mais cresce no design, com fundamento, ferramenta e IA dominados na ordem que faz diferença.

Aulas de prospecção e vendas

Aulas de prospecção e vendas

Select Skills

Select Skills

Clube de Descontos

Clube de Descontos

Encontros mensais com alunos

Encontros mensais com alunos

Suporte ao conteúdo

Suporte ao conteúdo

Comunidade no Discord

Comunidade no Discord

Materiais exclusivos

Materiais exclusivos

Certificado de Conclusão

Certificado de Conclusão

Replay do Workshop do Figma ao Framer

Replay do Workshop do Figma ao Framer

Portal de Recursos - Skills

Portal de Recursos - Skills

DE R$ 3.491 POR:

18x de

R$ 125,09

ou R$1.797,00 à vista

Fazer inscrição

Quero apenas um dos produtos!

99%

das vagas preenchidas com os bônus atuais

DE R$ 3.491 POR:

18x de

R$ 125,09

ou R$1.797,00 à vista

Fazer inscrição

Quero apenas um dos produtos!

99%

das vagas preenchidas com os bônus atuais

Condição especial para levar o acesso da plataforma para todo o seu time com desconto para Empresas

Quero saber mais sobre o desconto!

Condição especial para levar o acesso da plataforma para todo o seu time com desconto para Empresas

Quero saber mais sobre o desconto!

E se eu não curtir?

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.

Professor

Aprenda com quem vive o mercado

Kácio Felipe

Product Designer

Product Designer hoje trabalho na Flat Irons, alocado no time de projetos da Disney desenhando interfaces e fluxos de produto em escala global.

Product Designer hoje trabalho na Flat Irons, alocado no time de projetos da Disney desenhando interfaces e fluxos de produto em escala global.

Atendi também construindo produtos digitais em algumas das fintechs mais relevantes do mercado como Bitso, Grupo Primo, Toro Investimentos, Banco Santander e EVT.

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é ela ser contratada como UI Designer na decolar.com, quando largou a odontologia para também viver de UI.

Meu cunhado começou do zero e em 6 meses já fechava projetos de R$ 10k+ desenhando dashboards e interfaces de produto.

Quando o método funciona com quem você ama (e que tem mais a perder se der errado), você sabe que ele funciona com aluno também.


Aos 22 anos, fechei um projeto de R$ 50 mil construindo o produto digital de um cliente fintech, utilizando a mesma estrutura de projeto que você vai construir nesse workshop.


Em 5 anos de carreira, fui de freela cobrando os primeiros mil reais até ser alocado em um dos maiores times de produto do mundo. O que aprendi nesse caminho, eu compartilho aqui sem teoria, sem ferramenta isolada, com o processo que funciona em produto real.

Atendi também construindo produtos digitais em algumas das fintechs mais relevantes do mercado como Bitso, Grupo Primo, Toro Investimentos, Banco Santander e EVT.

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é ela ser contratada como UI Designer na decolar.com, quando largou a odontologia para também viver de UI.

Meu cunhado começou do zero e em 6 meses já fechava projetos de R$ 10k+ desenhando dashboards e interfaces de produto.

Quando o método funciona com quem você ama (e que tem mais a perder se der errado), você sabe que ele funciona com aluno também.


Aos 22 anos, fechei um projeto de R$ 50 mil construindo o produto digital de um cliente fintech, utilizando a mesma estrutura de projeto que você vai construir nesse workshop.


Em 5 anos de carreira, fui de freela cobrando os primeiros mil reais até ser alocado em um dos maiores times de produto do mundo. O que aprendi nesse caminho, eu compartilho aqui sem teoria, sem ferramenta isolada, com o processo que funciona em produto real.

Não importa de onde você veio. Importa onde você quer chegar.

E pra você que possui uma empresa e deseja:

E pra você que possui uma empresa e deseja:

Elevar o nível técnico do time de design sem depender de contratação externa.

Padronizar entregar com design system escalável e governança real. 

Padronizar entregar com design system escalável e governança real. 

Reduzir o tempo entre briefing e handoff sem perder qualidade.

Reduzir o tempo entre briefing e handoff sem perder qualidade.

Capacitar designer para trabalhar com IA sem comprometer o padrão.

Capacitar designer para trabalhar com IA sem comprometer o padrão.

Ter um time que entrega produto com processo, não só tela bonita.

Ter um time que entrega produto com processo, não só tela bonita.

Construir cultura de design que escala junto com o produto.

Construir cultura de design que escala junto com o produto.

FAQ

FAQ

Perguntas frequentes

Perguntas frequentes

Perguntas
frequentes

Se ainda estiver com dúvidas nossa equipe está a disposição:

Falar com o suporte

É pra iniciante ou precisa de repertório?

Os dois. Se você está começando, os cursos te dão a base. Se já tem repertório, eles te ajudam a chegar mais rápido no seu objetivo.

É pra iniciante ou precisa de repertório?

Os dois. Se você está começando, os cursos te dão a base. Se já tem repertório, eles te ajudam a chegar mais rápido no seu objetivo.

Eu já trabalho como programador, esse curso vale a pena para mim?

Com certeza! Entender fundamentos de UI, processo de design e como usar IA no workflow vai fazer você trabalhar muito melhor com designers e entregar produtos com mais qualidade visual e de experiência.

Eu já trabalho como programador, esse curso vale a pena para mim?

Com certeza! Entender fundamentos de UI, processo de design e como usar IA no workflow vai fazer você trabalhar muito melhor com designers e entregar produtos com mais qualidade visual e de experiência.

Eu já trabalho como designer, esse curso vale a pena para mim?

Com certeza! A maioria dos designers tem lacunas técnicas que nunca fecharam, em fundamento de UI, domínio real do Figma ou capacidade de construir o que projeta. Essa formação resolve as três ao mesmo tempo e te coloca no nível que vaga, cliente e empresa esperam ver.

Eu já trabalho como designer, esse curso vale a pena para mim?

Com certeza! A maioria dos designers tem lacunas técnicas que nunca fecharam, em fundamento de UI, domínio real do Figma ou capacidade de construir o que projeta. Essa formação resolve as três ao mesmo tempo e te coloca no nível que vaga, cliente e empresa esperam ver.

Eu tenho que saber programar?

Não. Coding Skills foi desenhado para designers, não para devs. Você vai usar ferramentas de código assistido por IA como Claude Code, Codex, Lovable, para construir produtos funcionais a partir do seu Figma. O processo é guiado pelo seu olhar de designer, com a IA como motor.

Eu tenho que saber programar?

Não. Coding Skills foi desenhado para designers, não para devs. Você vai usar ferramentas de código assistido por IA como Claude Code, Codex, Lovable, para construir produtos funcionais a partir do seu Figma. O processo é guiado pelo seu olhar de designer, com a IA como motor.

O curso tem certificado?

Tem sim, ao concluir o curso você emite seu certificado digital, podendo imprimir e emoldurar ele como preferir.

O curso tem certificado?

Tem sim, ao concluir o curso você emite seu certificado digital, podendo imprimir e emoldurar ele como preferir.

Até quando posso me inscrever?

O combo UI Skills + Framer Skills + Coding Skills está com uma condição especial por poucos dias e com vagas limitadas! As inscrições ficam abertas só até todas as vagas serem preenchidas, então não deixe para depois! 😉

Até quando posso me inscrever?

O combo UI Skills + Framer Skills + Coding Skills está com uma condição especial por poucos dias e com vagas limitadas! As inscrições ficam abertas só até todas as vagas serem preenchidas, então não deixe para depois! 😉

Dá para parcelar no boleto?

Embora o pagamento via boleto não seja possível no momento, você pode parcelar sua compra em até 18x no cartão de crédito! E, para facilitar ainda mais, você pode dividir o valor em até 2 cartões e garantir sua participação nesta oferta. Contate o nosso suporte para isso 😉

Dá para parcelar no boleto?

Embora o pagamento via boleto não seja possível no momento, você pode parcelar sua compra em até 18x no cartão de crédito! E, para facilitar ainda mais, você pode dividir o valor em até 2 cartões e garantir sua participação nesta oferta. Contate o nosso suporte para isso 😉

Participou do Workshop e adquiriu o replay? Você tem cashback!

Os participantes que adquiriram o replay do workshop, tem o valor investido como cashback exclusivamente para essa turma Skills. Ou seja, o valor investido na compra do replay será o seu desconto para fazer parte dessa turma . Para garantir, fale com o nosso time de suporte.

Participou do Workshop e adquiriu o replay? Você tem cashback!

Os participantes que adquiriram o replay do workshop, tem o valor investido como cashback exclusivamente para essa turma Skills. Ou seja, o valor investido na compra do replay será o seu desconto para fazer parte dessa turma . Para garantir, fale com o nosso time de suporte.

Se ainda estiver com dúvidas nossa equipe está a disposição:

Falar com o suporte

Se ainda estiver com dúvidas nossa equipe está a disposição:

Falar com o suporte