Logo do curso
Curso

Figma:

Interatividade e prototipação

Quero estudar na alura

6h

Para conclusão

88

Pessoas nesse curso

9.2

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Explorar funcionalidades avançadas do Figma, configurando fluxos e interações.
  • Aplicar o recurso Smart Animate para criar animações suaves.
  • Configurar e personalizar modais, componentes reutilizáveis e notificações interativas.
  • Integrar design e desenvolvimento utilizando o Figma Make para geração de código.
  • Gerar interfaces dinâmicas com React e Tailwind.
  • Otimizar a navegação e compartilhar bibliotecas de design para garantir consistência.

Público alvo_

Este curso é indicado para profissionais, estudantes e entusiastas de design e desenvolvimento que desejam aprofundar seus conhecimentos em prototipagem interativa e integração entre design e código. Ao final, será possível criar interfaces dinâmicas e consistentes, aplicando técnicas avançadas do Figma e métodos de animação, e integrando o design com tecnologias como React e Tailwind para proporcionar experiências digitais colaborativas.

Mateus Villain

Mateus Villain

github

linkedin

Product designer, instrutor de UX na Alura, pro player de Figma e especialista em Harry Potter.

Curso atualizado em 19/01/2026

Ementa

  1. Fundamentos da prototipação

    • Apresentação
    • Projeto do curso
    • Funções de prototipagem
    • Narrativa interativa
    • Smart animate
    • Gestos
    • A prototipação no Figma
    • Faça como eu fiz: Experimente a prototipação
    • O que aprendemos?
  2. Animando componentes

    • Interfaces overlay
    • Mudando janelas overlay
    • Interações com o teclado
    • Microinterações
    • Múltipla escolha
    • Faça como eu fiz: Trabalhe com overlay
    • O que aprendemos?
  3. Prototipagem com condicionais

    • Condicionais e variáveis
    • Dinamismo sem telas extras
    • Criando interações de notificação
    • Reduzindo a quantidade
    • Uso das condicionais e variáveis
    • Faça como eu fiz: Crie condicionais
    • O que aprendemos?
  4. Figma Make

    • Conhecendo o Figma Make
    • Recriando com IA
    • Vibe coding no Figma
    • Atualizações com IA
    • Para que serve o Figma Make?
    • Faça como eu fiz: Teste a IA do Figma Make
    • O que aprendemos?
  5. Apresentação do projeto

    • Flows
    • Configurações do protótipo
    • Custom size
    • Modo apresentação
    • Faça como eu fiz: Experimente o modo apresentação
    • O que aprendemos?
    • Conclusão

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Este e mais 3 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
Escola

UX & Design

O universo de UX & Design é gigante. Crie diferentes layouts para plataformas digitais. Edite vídeos e desenvolva animações. Construa e expanda o seu conhecimento nas principais tendências do mercado. Conheça as principais ferramentas gráficas, como o Adobe Photoshop, Adobe Illustrator, Figma, Final Cut e outras!

Conheça a escola

Pessoas estudando esse curso nesse mês:

Estude com elas

e mais 66 pessoas

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda UI Design com esse e outros cursos, comece agora!

Conheça os Planos para Empresas