Curso de Figma

Aula 1 • Arquivos, Páginas e Organização de Projetos

Ensina como criar, nomear e organizar arquivos e páginas. Uma estrutura adequada evita confusão em projetos com várias páginas ou em equipe.

Aula 2 • Atalhos de Teclado Essenciais

Aborda os atalhos mais impactantes para seleção, zoom e troca de ferramentas. Hábitos de velocidade formados no início se multiplicam ao longo de todo o curso.

Aula 3 • Layout da Interface e Navegação

Apresenta todos os painéis, barras de ferramentas e menus no editor. Os alunos ganham consciência espacial do workspace para trabalhar sem hesitação.

Aula 1 • Trabalhando com Formas Primitivas

Aborda retângulos, elipses, polígonos e estrelas com controles de dimensão precisos. Essas formas são os blocos de construção atômicos de todo design.

Aula 2 • Operações Booleanas e Edição de Caminhos

Ensina União, Subtrair, Interseção e Excluir para combinar formas em composições complexas. A lógica booleana expande drasticamente a velocidade de criação de ícones e formas.

Aula 3 • Ferramentas de Alinhamento e Distribuição

Aborda controles de alinhamento, distribuição e organização para arranjo espacial preciso. O espaçamento consistente é fundamental para layouts com qualidade profissional.

Aula 4 • Desenho Vetorial com a Ferramenta Caneta

Apresenta pontos de ancoragem, curvas de Bezier e edição de caminhos. Ícones e ilustrações personalizados exigem esses fundamentos vetoriais.

Aula 1 • Criando e Aplicando Estilos Locais

Ensina como salvar cores, estilos de texto, efeitos e grids como estilos locais reutilizáveis. Os estilos garantem consistência e aceleram a iteração de design.

Aula 2 • Tipos de Preenchimento e Seletor de Cores

Aborda preenchimentos sólidos, gradientes lineares e radiais, preenchimentos de imagem e os controles do seletor de cores. A precisão de cor é essencial para um trabalho de design consistente com a marca.

Aula 3 • Propriedades de Traço e Efeito

Ensina espessura do traço, posição, padrões de traço tracejado e efeitos de camada como sombra projetada e desfoque. Os efeitos adicionam profundidade e acabamento aos componentes de UI.

Aula 4 • Opacidade, Modos de Mesclagem e Máscara

Apresenta opacidade de camada, opções de modo de mesclagem e técnicas de criação de máscaras. Esses controles permitem composições visuais avançadas em qualquer design.

Aula 1 • Restrições e Frames Responsivos

Aborda configurações de restrição para camadas sem Auto Layout e redimensionamento responsivo de frames. As restrições garantem que os elementos permaneçam ancorados corretamente em diferentes tamanhos de tela.

Aula 2 • Fundamentos do Auto Layout

Apresenta os modos de Auto Layout horizontal, vertical e wrap com controles de preenchimento e espaçamento. O Auto Layout substitui o reposicionamento manual quando o conteúdo muda.

Aula 3 • Estruturas de Auto Layout Aninhadas

Ensina a empilhar frames com Auto Layout uns dentro dos outros para construir padrões de UI complexos. O aninhamento é como componentes do mundo real, como cards e barras de navegação, são construídos.

Aula 4 • Grids e Guias de Layout

Apresenta guias de layout de coluna, linha e grid para design de tela estruturada. Os grids alinham os designs a breakpoints e sistemas de espaçamento reais de desenvolvimento.

Aula 1 • Criando e Usando Componentes

Aborda como converter quadros em componentes principais e inserir instâncias. Os componentes são a unidade central de design systems escaláveis e sustentáveis.

Aula 2 • Organizando uma Biblioteca de Componentes

Ensina hierarquias de nomenclatura, agrupamento com barras e publicação de uma biblioteca compartilhada. Uma biblioteca bem organizada é a espinha dorsal da consistência de design em toda a equipe.

Aula 3 • Overrides e Propriedades de Instância

Ensina overrides de texto, preenchimento, visibilidade e troca em instâncias sem quebrar o vínculo com o componente principal. Os overrides permitem reutilização flexível em diferentes telas.

Aula 4 • Variantes de Componentes

Apresenta o recurso de Variantes para agrupar estados relacionados de um componente em um único conjunto. As variantes simplificam o gerenciamento de estados para botões, inputs e cards.

Aula 1 • Conexões de Protótipo e Fluxos

Aborda a criação de conexões entre frames, definição de pontos de partida e definição de fluxos. Os fluxos permitem que os stakeholders experimentem um design como uma sequência navegável.

Aula 2 • Smart Animate e Microinterações

Apresenta o Smart Animate para animar camadas correspondentes entre frames. As microinterações elevam a fidelidade do protótipo e demonstram a intenção do design de movimento.

Aula 3 • Gatilhos e Ações

Ensina gatilhos de clique, hover, arrastar, tecla pressionada e entrada do mouse com ações correspondentes. Os pares gatilho-ação definem como as interações se sentem e se comportam.

Aula 4 • Transições e Animações

Aborda transições instantâneas, de dissolução, mover para dentro/fora, empurrar e deslizar com curvas de easing. As transições comunicam relações espaciais entre telas.

Aula 1 • Recursos de Colaboração em Tempo Real

Abrange cursores multiplayer, modo de observação e modo de seguir para co-design ao vivo. Os recursos em tempo real reduzem a comunicação assíncrona em equipes distribuídas.

Aula 2 • Handoff para Desenvolvedores com o Modo Dev

Apresenta o Modo Dev para inspecionar espaçamento, cores, tipografia e assets exportados. O Modo Dev faz a ponte entre a intenção do design e a implementação.

Aula 3 • Exportando Assets e Especificações

Ensina configurações de exportação para PNG, SVG, PDF e WebP em múltiplas resoluções. A configuração adequada de exportação garante que os assets sejam renderizados corretamente em produção.

Aula 4 • Permissões de Compartilhamento e Controle de Acesso

Aborda níveis de permissão de visualização, edição e comentário para arquivos e projetos. As permissões corretas protegem os assets de design enquanto permitem o acesso dos stakeholders.

Aula 1 • Versionamento e QA de Design

Aborda salvamentos de versões nomeadas, fluxos de trabalho de branch-e-merge e checklists de QA de design. Os processos de versionamento e QA protegem a integridade do design em releases iterativos.

Aula 2 • Estratégias Multimarca e Theming

Ensina o uso de modes de variáveis para alternar entre temas claro/escuro e de marca instantaneamente. O theming no nível de variável elimina conjuntos de componentes duplicados.

Aula 3 • Plugins, Widgets e Automação

Apresenta o ecossistema de plugins do Figma, noções básicas de criação de widgets e casos de uso de automação. Os plugins estendem as capacidades nativas do Figma e eliminam tarefas manuais repetitivas.

Aula 4 • Arquitetura Avançada de Componentes

Aborda componentes baseados em slot, componentes base e padrões de composição de componentes. A arquitetura avançada reduz a contagem de componentes enquanto aumenta a flexibilidade do design.

Aula 5 • Design Tokens e Variáveis

Aborda as Variáveis do Figma para tokens de cor, número, string e booleano com modes. As variáveis permitem design multi-tema e multimarca a partir de uma única fonte da verdade.