Curso Gratuito de Figma – Tudo no YouTube
Por Maiane Gabriele em 4 de setembro de 2024
O Figma é a ferramenta mais utilizada para Design de interações e interfaces. Um ferramenta aparentemente simples, mas com grande potencial e que vem ganhando o coração de designers em todo o mundo.
Compartilhe!
O Figma é a ferramenta mais utilizada para Design de interações e interfaces. Um ferramenta aparentemente simples, mas com grande potencial e que vem ganhando o coração de designers em todo o mundo.
A fim de ajudar a comunidade, este curso tem como principal intuito ensinar, de forma divertida e dinâmica, vários dos conceitos mais importantes do Figma:
- O que é Figma
- Interface
- Como navegar
- Componentes e Estados
- Variáveis
- Estilos
- Atalhos (muitos atalhos!)
- E muito mais.
O site que iremos construir é extremamente dinâmico, com animações, carrossel de alto nível, brincadeiras com variantes e vários outros conceitos.
E tudo isso de graça. 💛
Sobre o Curso
🤑 Preço
- O curso é totalmente gratuito (sem pegadinhas).
🤑 Certificado
- O curso possui certificado para todos os alunos que enviarem o projeto do curso.
Obs.: não adianta mandar link aleatório fingindo que é o projeto do curso. - Solicite seu certificado através deste formulário (aberto para solicitar).
💛 O que esperar do curso
- Arquivos na Comunidade Figma
- Aulas dinâmicas e divertidas
- Como fazer um site do zero
- Como criar interações e animações
- Honestidade, diversão e um conteúdo preparado com muito amor
➕ Outras informações
- Posso ver depois? Sim. Pode ver ou fazer o curso quando quiser. As aulas ficarão gravadas e disponíveis no YouTube.
- Dedicação esperada: o vídeo possui 2h30. Porém, para acompanhar fazendo lado a lado cada aluno poderá fazer no seu ritmo e de acordo com seu nível de conhecimento.
- Como acompanhar: você pode acompanhar o curso diretamente no Youtube.
Links e Arquivos do Curso
Parte 1 – Introdução
Parte 2 – Interface, Frame e Navegação
- Aula 3 – Como criar um projeto
- Aula 4 – Interface do Figma
- Aula 5 – Baixe os arquivos do curso
- Aula 6 – Frame, Retângulo e Grupo
- Aula 7 – Criando a primeira página
- Aula 8 – Como navegar no Figma
Parte 3 – Header
- Aula 9 – Recado rápido: Figma com um componente
- Aula 10 – Header 1: Como criar elementos
- Aula 11 – Header 2: Componentes e Estados
- Aula 12 – Header 3: Como usar o Auto Layout
- Aula 13 – Header 4: Substituir ícone em componente
- Aula 14 – Header 5: Remover interação de um elemento
- Aula 15 – Header 6: Como usar Variáveis
- Aula 16 – Header 7: Como usar Estilos
Parte 4 – Hero
- Aula 17 – Desafio: crie seu Hero!
- Aula 18 – Hero 1: Lista de itens
- Aula 19 – Hero 2: Título e Tag
- Aula 20 – Hero 3: Fundo animado
- Aula 21 – Hero 4: Texto e imagem com fundo
- Aula 22 – Hero 5: Botão interativo
- Aula 23 – Hero 6: Ajustes finais
Parte 5 – Recados
- Aula 24 – Recado 1: Organizando um arquivo no Figma
- Aula 25 – Recado 2: Quando usar componentes
- Aula 26 – Recado 3: Elemento responsivo com Auto Layout
Parte 6 – Carrossel
- Aula 27 – Carrossel 1: Titulo e botões com ícones
- Aula 28 – Carrossel 2: Criando um card
- Aula 29 – Carrossel 3: Criando um carrossel animado
- Aula 30 – Carrossel 4: Compondo carrossel e título
Parte 7 – Footer, páginas e ajustes finais
Gostou deste material?
Me ajude compartilhando!