Módulo 1: Fundamentos, Setup e Ambiente Colaborativo – 5,0h

• Introdução prática ao ecossistema do Figma como principal ferramenta colaborativa de design de produtos digitais do mercado. Configuração de contas, instalação e entendimento profundo da estrutura de equipes corporativas.
• Gestão de acessos, segurança, tipos de licença e permissões administrativas. Visão geral das vertentes de arquivos e exploração do dashboard unificado.

• Diferenciação estrutural entre navegador e aplicativo desktop, configurações de conta acadêmica e profissional.
• Estrutura, gestão de times, pastas de projeto, permissões de membros (admin, editor, viewer) e limites do plano Starter.
• Ajustes globais do workspace, padronização de idioma, modos de tela (Light vs. Dark) e histórico de lixeira.
• Análise de tipologias de arquivos do ecossistema: Design, FigJam, Slides e uso inicial da IA Figma Make.

• Capacitar o profissional a configurar e governar workspaces corporativos organizados, definindo o fluxo seguro de times e a nomenclatura ideal para o design ágil.

Módulo 2: O Núcleo do Craft e Interface de Trabalho – 5,0h

• Anatomia do arquivo Figma Design. Utilização e atalhos de ferramentas essenciais de desenho, geometria, vetores e manipulação tipográfica.
• Conceituação e aplicação prática de Frames como base estrutural de layouts.
• Exploração e uso tático do Dev Mode para inspeção de código e transição produtiva de handoff.

• Hierarquia de arquivos: organização lógica entre Páginas, Camadas (Layers) e Frames.
• Barra de ferramentas de criação: ferramentas Move, Scale (K), Section, Slice, caneta vetorial e comentários.
• Ambiente Draw (desenho livre) e aprofundamento operacional no Dev Mode para geração de CSS, HTML, React e componentes prontos.
• ○ Ajuste fino de parâmetros através da barra de propriedades: posição espacial, cantos arredondados, preenchimento, contorno e efeitos.

• Dominar a precisão no desenho e posicionamento de elementos gráficos na interface, compreendendo as propriedades necessárias para viabilizar um handoff sem erros para desenvolvimento.

Módulo 3: Padrões de Layout e Reutilização de Assets – 5,0h

• Utilização do ecossistema da Comunidade Figma e plugins externos para ganho de escala produtiva.
• O paradigma do Auto Layout no desenvolvimento de componentes elásticos e responsivos.
• Comparação conceitual esemântica entre Frames, Grupos e Auto Layout.
• Introdução à lógica de componentes Master e Instâncias.

• Pesquisa e aplicação de templates, bibliotecas, plugins úteis e boas práticas de engenharia reversa na Comunidade Figma.
• Domínio completo do Auto Layout: gaps de espaçamento, margens internas (paddings), direções verticais/horizontais e alinhamentos de eixos.
• Diferenças práticas: quando estruturar layouts com Frames, agrupamentos normais ou frames de Auto Layout.
• Fundamentos de componentização de UI: criação, organização e herança de comportamento entrecomponentes Pai e Filho (Instâncias).

• Construir estruturas flexíveis que se adaptam a variações de conteúdo de texto e tela automaticamente, reduzindo custos de alteração manual de design.

Módulo 4: Arquitetura Avançada de Componentes e Tokens – 5,0h

• Arquitetura lógica de componentes avançados de interface empregando variantes. Conceituação técnica e inserção de Design Tokens na metodologia de desenvolvimento.
• Criação de propriedades de instâncias e integração de ícones. Parametrização estrutural por meio de variáveis de cores locais e lógicas de modos estruturados.

• Construção de Variants para agrupamento e controle de estados de componentes (Default, Hover, Active, Disabled).
• Diferenças operacionais entre Estilos Globais (tipografia e efeitos) e Variáveis Locais (tokens de valores absolutos).
• Configuração de propriedades de instância e o recurso Instance Swap para troca inteligente de bibliotecas deícones.
• Variables de Cor (Variable Colors): estruturação lógica de paletas no painel de Local Variables e controle de múltiplos modos.

• Estruturar sistemas de design avançados e consistentes, nos quais a mudança de um único token ou variável reflete instantaneamente em múltiplos componentes e páginas.

Módulo 5: Variáveis Numéricas e Prototipação Dinâmica – 5,0h

• Definição e uso prático de variáveis numéricas aplicadas a propriedades de layout e consistência visual.
• Conexões, fluxo e lógicas de transição na prototipação integrada de telas. Inteligência artificial nativa via Figma Make para agilizar wireframes. Uso estratégico de plugins de apoio para otimização de fluxos de tarefas repetitivas.

• Variable Number para padronização rigorosa de paddings, border radius, espaçamentos e fontes.
• Aba Prototype: criação de fluxos de navegação, gatilhos (clique, arrastar, hover) e ações (navegação direta, scroll e abertura de overlay).
• Prototipação avançada com Smart Animate para simular transições realistas de aplicativos reais.
• Aceleração com Figma Make IA (geração de interfaces por prompt) e automação de rotinas manuais com plugins de mercado.

• Desenvolver protótipos navegáveis altamente interativos e fiéis ao comportamento real do produto final de forma rápida, explorando o poder da IA e de automações de sistema.

Módulo 6: Cocriação e Apresentações de Impacto – 5,0h

• Utilização prática do FigJam como espaço corporativo para workshops, pesquisas conceituais (Discovery) e  fluxogramas. Facilitação profissional em dinâmicas colaborativas síncronas e assíncronas.
• Elaboração de pitches de apresentação executiva por meio do Figma Slides integrado aos layouts de design. Exportação, compartilhamento e comunicação com stakeholders de negócio.

• Ambiente de facilitação FigJam: post-its digitais, formas, conectores, fluxos, mapas mentais e organização de sessões.
• Recursos interativos de workshop: cronômetro integrado, reações, sistemas de votação nativos e sessões abertas de ideação.
• Estruturação de propostas de design usando o Figma Slides, templates unificados e uso de inteligência artificial de texto.
• Inserção de protótipos funcionais diretamente nas apresentações e fluxo de exportação para múltiplos formatos (PDF, PPT).

• Capacitar o designer a se comunicar de forma estratégica na Nova Economia, sabendo cocriar com o time, sintetizar problemas e validar propostas de design diretamente com líderes de negócio.