Curso Gratuito de Figma – Tudo no YouTube
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
- Este curso não possui certificado. Porém, ele também é parte do Bootcampinho UI/UX, outro curso gratuito mas no qual eu emito certificado para os alunos que enviam o projeto do curso.
💛 O que esperar do curso
- Arquivos na Comunidade Figma
- Aula dinâmica e divertida
- 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
- 00:06:50 Interface do Figma
- 00:12:44 Baixe os arquivos do curso
- 00:14:05 Frame, Retângulo e Grupo
- 00:18:17 Como navegar no Figma
Parte 3 – Header
- 00:21:00 Header – Conceitos Básicos
- 00:21:52 Header – Como criar elementos
- 00:24:55 Header – Componentes e Estados
- 00:32:53 Header – Como criar interações (Prototipação)
- 00:36:00 Header – Como usar o Auto Layout
- 00:51:21 Header – Como criar Variáveis
- 00:59:28 Header – Como criar Estilos
Parte 4 – Hero
- 01:06:14 Hero – Tïtulo, lista de comidas e Restaurante Vegetariano
- 01:16:56 Hero – Box Alfred com vacas animadas 🐄
Parte 5 – Recados
- 01:30:40 Recado 1 – Organizar o arquivo
- 01:34:04 Recado 2 – Aviso sobre componentes
- 01:34:56 Recado 3 – Hero mais flexível
Parte 6 – Carrossel
- 01:40:30 Carrossel – Título e botões
- 01:51:32 Carrossel – Componente Card
- 02:01:18 Carrossel – Bloco carrossel e animação
Parte 7 – Footer, páginas e ajustes finais
Gostou deste material?
Me ajude compartilhando!