Curso Figma

Um curso super prático onde você vai aprender as ferramentas do Figma para prototipagem de projetos em UX/UI design.

O que você aprenderá no curso Figma

• Compreender as ferramentas do Figma para criar diversas interfaces
• Criar diversos layouts para telas de login, busca, detalhes
• Criar e animar microinterações em componentes do projeto
• Fazer a prototipagem interativa de um projeto para visualização mobile

Conteúdo do curso Figma

[AULA 1] INTRODUÇÃO AO FIGMA

Introdução; Visão Geral; Interface; Artboard; Formas; Tipografia; Cores; Componentes; Repeat Grid; Criação de Objetos; Edição de Objetos; Recursos Externos; Figjam. Oficina no Utilizando as Ferramentas Apresentadas no Figma.

[AULA 2] CONSTRUÇÃO DE WIREFRAME

Configurando Pranchetas; UI Kits; Guias e Grids; Criação de Telas de Login, Tela Principal e Detalhes, Tela de Busca, Tela de Configuração do App; Criação de Popup. Oficina no Utilizando as Ferramentas Apresentadas no Figma.

[AULA 3] MICROINTERAÇÕES

Objetivos de Microinterações, Tipos de Microinterações, Acessibilidade em Microinterações, Apresentação de Cases de Sucesso; Navegação na Home; Slideshow; Micro Interação em Componentes. Oficina no Utilizando as Ferramentas Apresentadas no Figma.

[AULA 4] TRANSIÇÕES E ANIMAÇÕES AVANÇADAS

Princípios da Animação; Smart Animate; Splash e Login; Configurando Velocidades de Elementos; Filtros; Onboarding; Estratégias de Onboarding. Oficina no Utilizando as Ferramentas Apresentadas no Figma.

[AULA 5] AUTOLAYOUT E COMPONENTES

Apresentação da Ferramenta Auto Layout e Componentes. Oficina no Utilizando as Ferramentas Apresentadas no Figma.

[AULA 6] PROTOTIPAGEM NO FIGMA

Compartilhando para revisão; Estruturação de Layout; Criando Protótipo; Criação de protótipos interativos; Visualizar no Dispositivo Móvel (device preview); Compartilhando para Desenvolvimento. Oficina no Utilizando as Ferramentas Apresentadas no Figma.

Figma também é um dos módulos da grade curricular do curso UI/UX Design.

Licença Figma

Sendo estudante 4ED, você poderá utilizar a licença educacional do Figma para fazer seus projetos em casa durante as aulas.