🎨 Design de Interfaces (UI) com Figma
O Design de Interfaces, ou UI (User Interface) Design, é a disciplina responsável por criar a parte visual e interativa de um produto digital. Neste curso, nosso foco será 100% no domínio do Figma, a ferramenta padrão da indústria, utilizando metáforas do universo Geek para facilitar o aprendizado!
🗺️ O Mapa do Curso (Ementa)
🛡️ Módulo 1: O Setup e Ferramentas Básicas
- Capítulo 01: O Cinto de Utilidades do Figma (Tema: Batman) - Interface e Visão Geral.
- Capítulo 02: Movimentação e Atalhos Rápidos (Tema: Homem de Ferro / HUD da Armadura).
- Capítulo 03: Formas Geométricas e Vetores (Tema: LEGO) - Criando objetos básicos.
- Capítulo 04: Frames: O Esqueleto do Layout (Tema: Wolverine).
- Capítulo 05: Estilos de Cores e Gradientes (Tema: Divertida Mente).
📐 Módulo 2: Layout Inteligente e Tipografia
- Capítulo 06: Tipografia e Hierarquia de Texto (Tema: Harry Potter / O Profeta Diário).
- Capítulo 07: Auto Layout Básico: O Design Elástico (Tema: Sr. Fantástico).
- Capítulo 08: Auto Layout Avançado: Grades e Alinhamentos (Tema: Transformers).
- Capítulo 09: Efeitos: Sombras, Blurs e Camadas (Tema: Inception).
- Capítulo 10: Máscaras e Operações Booleanas (Tema: Pac-Man) - Cortando e unindo formas.
🧩 Módulo 3: Componentes e Sistemas (O Poder do Figma)
- Capítulo 11: Componentes: O Jutsu de Clonagem (Tema: Naruto) - Elementos reutilizáveis.
- Capítulo 12: Variantes: O Multiverso dos Botões (Tema: Marvel / Multiverso).
- Capítulo 13: Propriedades de Componentes (Tema: Matrix) - Customizando instâncias.
- Capítulo 14: Criando um Mini Design System (Tema: Minecraft) - Organização de biblioteca.
- Capítulo 15: Plugins: Adicionando Superpoderes (Tema: Vingadores) - Extensões úteis.
🎬 Módulo 4: Animação, Testes e Entrega
- Capítulo 16: Prototipagem: Dando Vida às Telas (Tema: Frankenstein) - Links básicos.
- Capítulo 17: Smart Animate: Transições Mágicas (Tema: Dr. Estranho).
- Capítulo 18: Handoff: Entregando para o Desenvolvedor (Tema: Star Trek).
- Capítulo 19: Projeto Final Parte 1: Desenhando as Telas do App (Tema: Game of Thrones).
- Capítulo 20: Projeto Final Parte 2: Criando o Protótipo Animado (Tema: Game of Thrones).
TIP
Para ver o conteúdo original que estava nesta página, acesse o arquivo README.