Plano de Ensino 🧭
Curso: Design de Interfaces com Figma
Público-alvo: Estudantes de ADS, Ciência da Computação e Desenvolvedores de Software
Carga Horária: 20 Aulas (80 Horas Teórico-Práticas)
🎯 1. Objetivos do Curso
- Compreender os princípios de design digital e sintaxe visual.
- Dominar as ferramentas de vetor e raster no Figma.
- Aplicar sistemas de cores, tipografia e layouts responsivos.
- Desenvolver componentes reutilizáveis e Design Systems.
- Criar protótipos interativos para validação de ideias.
📚 2. Cronograma de Aulas (Matriz de 20 Semanas)
| Aula | Tema Central | Atividades e Entregas |
|---|---|---|
| 01 | Introdução ao Design de Interfaces e Instalação | Teoria, Prática Guiada, Quiz e Exercícios |
| 02 | Explorando a Interface do Figma | Teoria, Prática Guiada, Quiz e Exercícios |
| 03 | Ferramentas Básicas: Formas e Vetores | Teoria, Prática Guiada, Quiz e Exercícios |
| 04 | Manipulação de Textos e Tipografia | Teoria, Prática Guiada, Quiz e Exercícios |
| 05 | Teoria das Cores e Aplicação no Figma | Teoria, Prática Guiada, Quiz e Exercícios |
| 06 | Gerenciamento de Estilos (Styles) | Teoria, Prática Guiada, Quiz e Exercícios |
| 07 | Trabalhando com Imagens e Máscaras | Teoria, Prática Guiada, Quiz e Exercícios |
| 08 | Auto Layout: Fundamentos | Teoria, Prática Guiada, Quiz e Exercícios |
| 09 | Auto Layout: Avançado e Responsividade | Teoria, Prática Guiada, Quiz e Exercícios |
| 10 | Constraints e Grids | Teoria, Prática Guiada, Quiz e Exercícios |
| 11 | Componentes Básicos e Instâncias | Teoria, Prática Guiada, Quiz e Exercícios |
| 12 | Variantes e Propriedades de Componentes | Teoria, Prática Guiada, Quiz e Exercícios |
| 13 | Bibliotecas e Design Systems | Teoria, Prática Guiada, Quiz e Exercícios |
| 14 | Prototipagem: Navegação e Interações | Teoria, Prática Guiada, Quiz e Exercícios |
| 15 | Animações (Smart Animate) e Microinterações | Teoria, Prática Guiada, Quiz e Exercícios |
| 16 | Hand-off para Desenvolvedores e Exportação | Teoria, Prática Guiada, Quiz e Exercícios |
| 17 | Sistemas de Design (Design Systems) e Tokens Visuais | Teoria, Prática Guiada, Quiz e Exercícios |
| 18 | Arquitetura de Componentes UI e Micro-interações | Teoria, Prática Guiada, Quiz e Exercícios |
| 19 | Testes de Usabilidade e Acessibilidade (WCAG AA/AAA) | Teoria, Prática Guiada, Quiz e Exercícios |
| 20 | Projeto Capstone: Design System Integrado Autônomo | Teoria, Prática Guiada, Quiz e Exercícios |
🧠 3. Metodologia de Ensino
- Teoria Fundamentada: Aulas com conceitos detalhados, diagramas arquiteturais e sintaxe de referência.
- Ciclo Teoria ⇄ Prática: Cada aula conta com Quiz Interativo (10 questões) para validação imediata, Lista de Exercícios Sanfonados (com Gabarito Explicado) e Desafio de Projeto Prático.
- Laboratório Contínuo: Ambientes configurados passo a passo na seção de Setups da plataforma.
💼 4. Competências e Perfil Desenvolvido
- Dominar as ferramentas e fluxos de desenvolvimento de Design de Interfaces com Figma.
- Resolver problemas técnicos de alta complexidade com código limpo e performático.
- Construir portfólio prático com 20 projetos aplicados.
📊 5. Critérios de Avaliação
- 20 Listas de Exercícios: Resolução individual dividida em Básico, Intermediário e Desafio.
- 20 Quizzes Interativos: Validação formativa com feedback imediato via JavaScript.
- 20 Desafios de Projetos: Aplicações práticas consolidando o aprendizado de cada unidade.