Preparando nosso projeto
- Começando com tudo certo
- Frames
- Importando SVG da logo
- Ajustando a página e a logo de entrada
Tela de login
- Auto-layout para criar o grid de imagens
- Importando imagens para dentro do elemento
- Renomeando varios arquivos ao mesmo tempo
- Agrupando e criando uma mascara
- Elemento sobreposto
- Fechando botões do login
- Ferramenta de desenho pen
- Salvando estilos de cores e efeitos para reutilização
Tela de filmes
- Componente, Instance Master e reutilização
- Separando os assets necessários
- Construindo o topo trend – Parte 1
- Construindo o topo trend – Parte 2
- Layout grid, Auto-layout, alinhamento tidy-up e mais
- Ajustes finos finais da tela
Tela de detalhamento
- Colocando a mão na massa
- Componentização, instancias, Master, Push to Master
- Variants - Variações de estado nos componentes
- Lidando com texto
- Finalizando o menu nav
Prototype
- Ajustando elementos ao grid layout
- Aplicando um after delay na tela inicial
- Aplicando push effect
- Deixando o menu fixo no scroll da página
- Smart animations com drag e tap
- Modo open overlay no Figma
- Abrindo links externos com um toque
- Versionamento dentro do Figma
- Compartilhando um link e contribuindo com comentários
- Conhecendo os plugins do Figma
- Criando outras páginas dentro do projeto
- Exportando png e gerando seus mockups com smartmockups
- Exportando todas as telas com slice
- O segredo do alinhamento no Figma
- Opções avançadas de stroke - Linha tracejada
- Recursos escondidos no Figma
- Indo além, dicas finais
