Curso de Figma

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

Ensina a criar, nomear e organizar ficheiros e páginas. Uma estrutura adequada evita confusão em projetos com várias páginas ou de equipa.

Aula 2 • Atalhos de Teclado Essenciais

Aborda os atalhos mais impactantes para seleção, zoom e alternância de ferramentas. Os hábitos de velocidade formados cedo acumulam-se 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 formandos ganham consciência espacial do espaço de trabalho para trabalhar sem hesitação.

Aula 1 • Trabalhar com Formas Primitivas

Aborda retângulos, elipses, polígonos e estrelas com controlos de dimensão precisos. Estas formas são os blocos de construção atómicos de qualquer design.

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

Ensina União, Subtrair, Interseção e Excluir para combinar formas em formas 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 controlos de alinhamento, distribuição e organização para arranjo espacial preciso. O espaçamento consistente é fundamental para layouts de qualidade profissional.

Aula 4 • Desenho Vetorial com a Ferramenta Caneta

Apresenta pontos de ancoragem, pegas de bezier e edição de caminhos. Ícones e ilustrações personalizados requerem estes fundamentos vetoriais.

Aula 1 • Criar e Aplicar Estilos Locais

Ensina a guardar cores, estilos de texto, efeitos e grelhas como estilos locais reutilizáveis. Os estilos impõem consistência e aceleram a iteração do design.

Aula 2 • Tipos de Preenchimento e Seletor de Cores

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

Aula 3 • Propriedades de Traço e Efeito

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

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

Apresenta opacidade de camada, opções de modo de mistura e técnicas de criação de máscaras. Estes controlos permitem composições visuais avançadas dentro de qualquer design.

Aula 1 • Restrições e Frames Responsivos

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

Aula 2 • Fundamentos do Auto Layout

Apresenta modos de Auto Layout horizontal, vertical e de quebra com controlos 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 de Auto Layout dentro de outros para construir padrões de UI complexos. O aninhamento é a forma como componentes do mundo real, como cartões e barras de navegação, são construídos.

Aula 4 • Grelhas e Guias de Layout

Apresenta guias de layout de coluna, linha e grelha para design de ecrã estruturado. As grelhas alinham os designs com os breakpoints de desenvolvimento e sistemas de espaçamento do mundo real.

Aula 1 • Criar e Usar Componentes

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

Aula 2 • Organizar uma Biblioteca de Componentes

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

Aula 3 • Substituições e Propriedades de Instância

Ensina substituições de texto, preenchimento, visibilidade e troca em instâncias sem quebrar a ligação ao componente principal. As substituições permitem a reutilização flexível em vários ecrãs.

Aula 4 • Variantes de Componente

Apresenta a funcionalidade Variantes para agrupar estados de componente relacionados num único conjunto. As variantes simplificam a gestão de estados para botões, campos de entrada e cartões.

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

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

Aula 2 • Smart Animate e Micro-Interações

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

Aula 3 • Acionadores e Ações

Ensina acionadores de clique, hover, arrasto, tecla premida e entrada do rato com ações correspondentes. Os pares acionador-ação definem como as interações são sentidas e se comportam.

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

Aborda transições instantâneas, de dissolução, de entrada/saída, de empurrar e de deslizar com curvas de easing. As transições comunicam relações espaciais entre ecrãs.

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

Aborda cursores multijogador, modo de observação e modo de acompanhamento para co-design ao vivo. As funcionalidades em tempo real reduzem a troca de mensagens assíncrona em equipas distribuídas.

Aula 2 • Handoff para Programadores com Modo Dev

Apresenta o Modo Dev para inspecionar espaçamento, cores, tipografia e ativos exportados. O Modo Dev colmata a lacuna entre a intenção do design e a implementação.

Aula 3 • Exportar Ativos e Especificações

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

Aula 4 • Permissões de Partilha e Controlo de Acesso

Aborda níveis de permissão de visualização, edição e comentário para ficheiros e projetos. As permissões corretas protegem os ativos de design enquanto permitem o acesso das partes interessadas.

Aula 1 • Versionamento e QA de Design

Aborda guardas de versão nomeadas, fluxos de trabalho de branch-and-merge e listas de verificação de QA de design. Os processos de versionamento e QA protegem a integridade do design em lançamentos iterativos.

Aula 2 • Estratégias de Múltiplas Marcas e Temas

Ensina a usar modos de variável para alternar entre temas claro/escuro e de marca instantaneamente. A aplicação de temas ao nível da 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 slots, componentes base e padrões de composição de componentes. A arquitetura avançada reduz o número de componentes enquanto aumenta a flexibilidade do design.

Aula 5 • Tokens de Design e Variáveis

Aborda as Variáveis do Figma para tokens de cor, número, cadeia de caracteres e booleanos com modos. As variáveis permitem design de múltiplos temas e múltiplas marcas a partir de uma única fonte de verdade.