Aprenda Figma e UI/UX Design do Zero e Crie Projetos Reais para o Seu Portfólio
Quer transformar ideias em interfaces modernas e funcionais, mas não sabe por onde começar? O curso Figma e Design de Interfaces UI/UX: do wireframe ao protótipo foi desenvolvido para iniciantes e profissionais das áreas de desenvolvimento, produto e marketing que desejam dominar a ferramenta líder do mercado.
Ministrado por Victor de Lucena desenvolvedor e designer UI/UX com ampla experiência prática , este curso intensivo que vai além da teoria. Você aprenderá a construir interfaces responsivas, aplicar princípios de acessibilidade (WCAG), utilizar Auto Layout e criar componentes reutilizáveis.
O que você vai entregar ao final do curso:
- Fluxo completo de App: Criação de 4 a 5 telas funcionais.
- Mini Design System: Componentes, estilos e variáveis padronizadas.
- Protótipo Interativo: Protótipo navegável pronto para testes de usabilidade e handoff para desenvolvedores.
- Portfólio Profissional: Um projeto prático e completo pronto para impressionar recrutadores e clientes.
Carga horária: 20 horas (10 aulas ao vivo)
Data e horários:
05/11/26 - 18h30 às 20h30
12/11/26 - 18h30 às 20h30
19/11/26 - 18h30 às 20h30
26/11/26 - 18h30 às 20h30
03/12/26 - 18h30 às 20h30
10/12/26 - 18h30 às 20h30
17/12/26 - 18h30 às 20h30
07/01/27 - 18h30 às 20h30
14/01/27 - 18h30 às 20h30
21/01/27 - 18h30 às 20h30
Conteúdo programático:
Aula 1 (05/11/26) Fundamentos de UI/UX
Diferença entre UX e UI, etapas do processo de design, princípios de usabilidade e apresentação da interface do Figma.
Aula 2 (12/11/26) Primeiros passos no Figma
Frames, formas, texto, camadas e atalhos essenciais. Exercício: redesenhar uma tela simples.
Aula 3 (19/11/26) Layout, grid e hierarquia visual
Grid, espaçamento, alinhamento e organização do conteúdo para guiar o olhar do usuário.
Aula 4 (26/11/26) Tipografia e cor
Escala tipográfica, escolha de paleta e contraste de acessibilidade (WCAG). Exercício: tela mobile aplicando tipografia e cor.
Aula 5 (03/12/26) Auto Layout e telas responsivas
Auto Layout, constraints e adaptação do design a diferentes tamanhos de tela.
Aula 6 (10/12/26) Fluxos e wireframes
Fluxo de navegação, wireframes de baixa e alta fidelidade e estados da interface (vazio, erro, carregando).
Aula 7 (17/12/26) Telas completas
Construção de um fluxo de 4 a 5 telas de um aplicativo, aplicando tudo o que foi visto até aqui.
Aula 8 (07/01/27) Componentes e variantes
Componentes reutilizáveis, variantes, propriedades, variáveis e tokens de design.
Aula 9 (14/01/27) Mini design system e protótipo interativo
Criação de botões, campos e cards padronizados, conexão das telas e microinterações no protótipo.
Aula 10 (21/01/27) Revisão, handoff e apresentação final
Revisão de usabilidade e acessibilidade, preparação do arquivo para o desenvolvimento, apresentação do projeto final e feedback.
Ganta a sua vaga e passe da ideia ao protótipo no Figma!
